用途:为项目建立持久化的设计上下文。运行一次后,后续会话可依据已保存的设计规范进行设计与开发。
主要能力与流程:
- 探索代码库。在提问前先扫描项目,包括 README 与文档(目的、目标受众、目标)、package.json 与配置文件(技术栈、依赖、设计库)、现有组件(设计模式、间距、字体)、品牌资产(Logo、favicon、颜色)、设计令牌或 CSS 变量(色板、字体栈、间距刻度),以及样式指南或品牌文档。记录已知信息与仍不明确之处。
- 提出以用户体验为中心的问题。只针对无法从代码库推断的内容提问,涵盖:用户与目的(使用者、使用情境、要完成的任务、界面应唤起的情感);品牌与个性(用三个词描述品牌个性、参考站点或应用及其具体吸引点、明确不应像什么的“反参考”);美学偏好(视觉方向、浅色或深色模式、必须使用或避免的颜色);可访问性与包容性(具体无障碍要求、减少动画、色盲等考量)。已从代码库明确的内容可跳过。
- 编写设计上下文。将调研结果与用户回答整理为 ## Design Context 段落,包含:Users(用户与任务)、Brand Personality(语气、三个词个性、情感目标)、Aesthetic Direction(视觉基调、参考与反参考、主题)、Design Principles(由对话得出的 3 至 5 条指导原则)。将该段写入项目根目录的配置文件中;若文件已存在,则追加或更新 Design Context 段落。最后确认完成并总结将指导后续工作的关键设计原则。
适用场景:项目初期确立设计规范,或希望 AI 在后续会话中持续遵循统一设计上下文时。
限制:具体配置文件路径、提问模板与安装方式未在资料中明确提供;不涉及收费、平台或效果承诺。