BoardUI 的 AI 编程代理界面与动效探索

是什么 这是一组 BoardUI 的 AI 编程代理产品界面展示：左侧是工作区、仓库与任务导航，中部承载代理对话和开发结果，另一帧展示模型与推理强度选择。推文的重点不是某段代码，而是一个可用的 Agent UI 已成形，并明确强调从 Figma 重新设计及大量动画与交互。

核心设计 界面把复杂的代理工作流压缩成连续任务流：任务输入、执行时长、修改说明、代码上下文、反馈按钮和完成进度都在同一空间；模型弹层把模型选择与 Faster/Smarter、Effort Very High 组合成可理解的控制面。侧栏则用仓库、项目、任务的层级组织长期工作。

关键洞察 Agent 产品的设计重点不是聊天框本身，而是让用户持续理解代理正在做什么、用了什么能力、做到哪一步，以及如何接管。模型、状态反馈、结果预览和任务导航若共享同一信息架构，复杂度会更像 IDE，而非一次性问答。Figma 先行也有助于把布局、状态和动效作为整体定义。

边界与风险 截图只能证明界面结构与部分控制项，不能验证动效是否流畅、失败任务如何恢复，也不能据此判断真实编码能力或生产可靠性。复刻时应优先抽象任务状态、可见上下文与用户可控性，而不是照搬装饰。