用途：在开展较大规模的前端设计或重做工作前使用，依据规格、截图、视觉参考、产品方向或品牌方向来设计界面。
主要能力与工作流：
- 明确屏幕任务：确定用户当前目标，为当前状态选定一个主操作，并命名状态（空、加载、正常、错误、确认中或完成）。
- 锚定视觉方向：阅读指定的本地设计文档、截图、样稿或品牌参考；在可用时直接查看图片，提取节奏、密度、层级、字体、间距、颜色角色与组件行为。
- 构建产品界面：制作真实的应用屏幕，除非被要求否则不做落地页；使用真实内容与真实应用状态；界面中不展示实现、安装、架构、供应商、数据库、API、模拟或演示说明。
- 先减后加：优先减少区块、卡片、标签、按钮与解释性句子；仅在能推动任务、说明风险、防止常见错误或展示决策所需信息时才添加 UI；使用熟悉的控件与紧凑标签，而非说明面板。
- 稳定布局：在给屏幕加样式前先定义设计令牌；熟悉的工具操作使用图标；卡片仅用于重复项、模态框或带框工具；避免嵌套卡片、装饰性色块、通用渐变、营销式首屏、意外形成的仪表盘，以及会改变布局的文字。
流程故事板：当工作跨越多个状态、输入路径不清晰，或单屏样稿会掩盖确认/成功问题时，在编码前创建故事板。提示结构参考 references/storyboard-flow-prompts.md；说明文字放在应用屏幕之外，应用内文案保持精简，不同模式拆分为独立画板。
参考文档：当屏幕显得杂乱、通用或过于啰嗦时，阅读 references/subtractive-principles.md；移动端或 iOS 风格且需要品味校准的工作，阅读 ../../references/modern-ios-app-design.md。
交付标准：渲染出的屏幕应呈现清晰的主操作，不含实现细节文案，无重复 CTA，无重复的显而易见文字，无被裁切的控件，视觉节奏可追溯到所选参考。
限制：资料未提供具体安装命令、收费方式、支持平台或效果保证。