用途:这是一个设计顾问技能,而非中立的选项表单。它根据产品的定位与受众,提出一套连贯、有观点的设计系统,并说明每个选择的具体理由,同时接受用户后续调整。核心原则是整体一致性优先于局部优化。
主要能力:先做产品框定,若已存在 docs/DESIGN.md 会询问是更新、重做还是取消;否则浏览 README.md、package.json、src/、app/、pages/ 来预填可推断的信息。随后只问一个覆盖全局的问题以确认产品是什么、给谁、属于什么空间、项目类型,并询问「三秒内要让人记住什么」这一句 memorable thing;并询问是否需要通过 WebSearch 参考同类顶级产品。若选是,会搜索并做三层综述:table stakes、趋势、first principles,并指出哪里求稳、哪里冒险。
产出:一次性给出完整系统,涵盖 AESTHETIC、DECORATION、LAYOUT、COLOR(含 hex 调色板)、TYPOGRAPHY(display/body/data 三种具体字体)、SPACING、MOTION,并列出 SAFE 与 RISKS。之后按 preview-template 生成 docs/design-preview.html 并用平台命令打开(macOS 用 open,Linux 用 xdg-open,Windows 用 start)。用户验证后按 design-template 写入 docs/DESIGN.md,确认写入路径;预览 HTML 是弃置产物,可被 git 忽略。
预览内容:head 中放入提议字体的 Google Fonts 链接与含 palette 自定义属性的内联 CSS;第 1 节为字体样本(Hero 用产品名、Body 用真实领域段落、Data 用 tabular-nums 迷你表格、Code 用可信片段);第 2 节为配色 swatch 与按钮/输入/告警/卡片等 UI 组件;第 3 节按项目类型选一个屏幕 mockup(dashboard、营销站、设置/管理、认证/引导之一)。
限制:字体不凭空创造,仅从给定列表中选取;有黑名单字体与过度使用字体(如 Inter、Roboto、Space Grotesk 等)不得作为 primary,除非用户明确要求;禁用默认紫渐变、三列彩色圆形图标、居中一切等模式;禁用「Built for X」「Designed for Y」类文案。允许在 plan mode 下把设计文档与预览作为只读产物。未提供收费、平台与具体效果信息。