用途:为项目提供 UI/UX 视觉决策引导,输出结果直接供 DESIGN_SYSTEM.md 使用。
主要能力:覆盖 67 种 UI 风格、161 套配色、57 组字体搭配、25 类图表与 99 条 UX 规范。内置激活路由:先在 progress.txt 查项目类型,再从用户消息识别关键词——用户说 skip / use defaults / just pick something 时走跳过路径(按项目类型自动选择);用户给出自带十六进制颜色(如 “my brand is #C0392B”)时走自定义颜色扩展;否则按步骤 1–5 逐条进行,且一次只读一步。
使用方式:先显示 8 类风格方向(现代/简洁、表现力、专业、趣味/消费、数据/技术、奢华/高端等)请用户选择或自定义;自定义风格会抽取 3–5 个关键词、匹配两个最接近的目录项并继续细化,必要时生成自定义配色,并在 progress.txt 记录 style: Custom — [描述]。若风格与项目类型冲突会提示可能影响可信度/可读性并给出备选。随后按项目类型展示 3 套配色(覆盖 SaaS、电商、健康、金融、创意、教育等类别),再按所选风格展示 6 组字体搭配;仅当项目含仪表盘或数据功能时才询问图表类型(对比、趋势、部分对整体、进度、表格等)。最后把 style、palette_name、color_primary/secondary/accent、font_body/heading/mono、图表、dark_mode 等写入 progress.txt 的 UI_UX_SELECTIONS,并提示 vibe-coding-doc-design 将据此生成 DESIGN_SYSTEM.md,无需手填。跳过路径按项目类型(SaaS/App、电商、仪表盘、着陆页、内容/博客、作品集)给出风格、配色与字体默认组合并请用户确认(yes / customize)。自定义颜色扩展会由用户主色推导同类色作次要色、补色/三角色作强调色,并生成 primary-hover(主色加深 10–15%)与 primary-active(加深 20–25%),经用户批准后保存。
限制:收费、价格、平台与生效效果暂未提供;已列色值、字体与图表选项保持原样,其余事实缺失。