用途：frontend-design 是一个统一的前端设计技能，面向需要独特、生产级界面的场景，覆盖从零新建、整体重做、生产打磨到质量门禁与 UX 架构梳理。
主要能力：提供五种模式——/frontend-design（自动检测）、new（从零构建）、revamp（整体重做）、polish（生产打磨，不产出方案）、qa（质量门禁，不产出方案）、flow（仅 UX 架构，不做视觉）。new 与 revamp 强制生成恰好 3 个方案，每个方案结构不同、自包含 HTML（CSS 内联）、含完整 UX 架构（流程、状态、交互），并通过 DNA 编码保证差异（格式 DNA-[Layout]-[Navigation]-[Hero]-[Color]-[Typography]，任意两方案最多共享 2 个基因）。方案需引用灵感来源、避开禁用默认模式、包含 DNA 徽章与灵感引用、响应式、覆盖加载/空/错误/成功状态，并遵守 48 条硬性规则（动画、无障碍、输入交互、排版、视觉、状态处理、设计系统）。
使用方式：按模式调用命令；未指定模式时依据上下文信号自动判断（无 UI 文件→new，用户说重做→revamp，说打磨→polish，说检查→qa，说流程→flow，模糊则询问）。new/revamp 流程为：理解上下文→定义 UX 架构→分配 DNA→加载约束→并行生成 3 个方案→生成目录页→截图→呈现给用户。polish 输出打磨报告，qa 输出设计 QA 报告，flow 仅输出 UX 架构。可选 --wild [theme] 启用打破常规的主题设计。
适用场景：新建或重做前端界面、生产前打磨、上线前质量检查、梳理 UX 流程。
限制：资料未提供具体收费、价格、平台与效果数据；部分能力依赖外部参考文件（dna-system.md、banned-defaults.md、inspirations.md、catalogue.html）与可选知识库、style.config.md；截图依赖 Puppeteer MCP；wild 模式会忽略可用性惯例。