用途 space-brand-ui-design 用于在用户提出“某某品牌风格”的 UI 需求时，自动获取该品牌的设计规范并据此生成 UI 代码，让生成的界面贴近目标品牌的视觉风格。
触发方式 当用户提到“XX风格”“做成XX的感觉”“参考XX设计”等表述时触发。技能会先识别用户输入中的品牌名称并映射到对应 slug。
主要能力
- 品牌识别：从用户输入中识别品牌名称，对照内置注册表找到对应 slug。支持中文与英文品牌名，例如“苹果”“Apple”均映射为 apple，“Notion 那种感觉”映射为 notion，“做成 Stripe 的极简风”映射为 stripe。内置 62 个品牌，涵盖科技/AI 产品（如 apple、claude、cursor、figma、notion、openai 相关产品见注册表、vercel、x.ai 等）、开发者工具与基础设施（如 airtable、clickhouse、linear.app、mongodb、stripe 等）、金融/加密（如 binance、coinbase、kraken、revolut、wise）、消费品/汽车（如 airbnb、bmw、ferrari、nike、shopify、tesla、uber）等。
- 获取设计规范：通过命令 npx getdesign@latest add <slug> 获取完整的 DESIGN.md 规范，并读取其内容作为设计上下文。多品牌混搭时依次获取各品牌的 DESIGN.md。
- 解析设计规范：从 DESIGN.md 中提取颜色系统（背景色、文字色、强调色、边框色）、字体规范（字体家族、字号层级、字重、行高、字间距）、组件样式（按钮、卡片、导航、输入框的具体 CSS 值）、间距系统、圆角体系与阴影系统。
- 生成 UI 代码：依据提取的规范生成用户请求的 UI 代码（HTML/CSS/React/Vue 等），并强调严格执行规范中的具体数值，不用近似值替代。
- 风格混搭：支持多品牌混搭，以用户指定的主品牌为基础，从副品牌提取指定维度（颜色/排版/布局/组件）进行融合，并在代码中注释说明各部分来源。例如“Notion 暖色 + Linear 极简排版”即用 Notion 的颜色 token 加 Linear 的字体排版规则。
使用方式 技能内部执行流程为：先在临时目录执行 cd /tmp && mkdir -p design-md-tmp && cd design-md-tmp && npx getdesign@latest add <slug>，随后读取生成的 DESIGN.md；解析设计规范后生成 UI 代码。输出默认为完整单文件 HTML（含内联 CSS），用户明确指定 React/Vue 时输出对应格式，代码顶部注释品牌来源与关键设计 token。可选询问是否将 DESIGN.md 保存到用户项目目录。
适用场景 适合需要快速产出特定品牌视觉风格界面的场景，例如模仿某品牌风格做原型、参考某品牌设计生成页面、按品牌风格进行多风格混搭设计等。
限制与错误处理 若 npx 命令失败，会提示确认 Node.js 环境，或手动访问 https://getdesign.md 查看规范；若品牌不存在，会列出可用品牌并建议最相近的替代方案；若遇网络问题，则使用注册表中的简要描述作为降级设计方向。以上为资料中明确说明的处理方式，其余细节暂未提供。