用途:为项目生成高层设计系统与 UI 架构文档 DESIGN.md,适用于已有界面项目或空项目两种场景。
主要能力:先用 Octocode MCP 本地工具做发现与验证,判断代码库是否已有有意义的 UI 代码、设计令牌或组件;再按对应路径生成(existing-project.md 或 new-project.md)。DESIGN.md 采用固定 13 节骨架(视觉主题、色彩系统、字体、间距与布局、组件、图标、动效、响应式、无障碍、性能、SEO、深色模式、实现映射),内容按项目成熟度动态调整。对现有项目需说明现状、应保留项与应改进项;未知信息标记为 TBD + 行动,不臆造实现细节,除非用户要求不强制更换样式框架。
使用方式:前置检查要求至少对项目根目录执行一次 localViewStructure 查询;若本地工具不可用,需在 MCP 配置中设置 "ENABLE_LOCAL": "true",重启 IDE 后重试,否则停止。之后并行使用 localViewStructure、localFindFiles、localSearchCode 收集证据并选择路径,生成后执行 V1 至 V4 验证(完整性、技术栈一致性、无障碍适配、性能与体验一致性),并输出优势、风险与 5 项改进建议。
适用场景:为 AI 代理生成新界面、开发者落地设计规范、设计师维护令牌、产品团队保持品牌一致性提供参考。
限制:依赖 Octocode 本地模式与多个伴随参考文件(如 references/paths、rules、tokens 等);具体安装、收费、价格与平台支持信息暂未提供。