用途
tailwind-brand 技能用于让智能体在生成 UI 时，套用与 Tailwind CSS 官网一致的视觉风格。典型场景包括：开发者文档、产品落地页，或任何希望呈现干净、utility-first 美学的界面，特征是大量留白、天蓝/蓝色系点缀以及系统无衬线字体（system-sans typography）。
主要能力
该技能以一份 references/DESIGN.md 设计令牌文件为核心，记录了从命名品牌公开营销网站观察到的视觉规范，涵盖：
- 颜色：Color Palette 章节中记录的具体色值，要求直接使用，不得自创色阶。
- 字体：字体族、字号与字重，按文档记录匹配（受字体可用性限制，见下文）。
- 间距：遵循文档中的 spacing scale，不得替换为任意像素值。
- 形状语言：边框圆角与阴影样式。
- 兜底规则：若某项令牌未在文档中规定，应从最接近的已记录令牌推导，而不要退回通用 Tailwind 默认值或随机的 Bootstrap / Material 值。
使用方式
技能要求 references/DESIGN.md 位于技能自身文件夹内（随技能捆绑提供），引用路径为 @references/DESIGN.md，使智能体相对于技能而非项目根目录加载该文件。应用流程为：
- 首先读取 @references/DESIGN.md，且每次都需读取。
- 在生成任何组件、页面或样式块时，按该文件中的颜色、字体、间距、圆角与阴影规范执行。
若项目存在字体授权限制，文档提示可用公开可获得的替代字体（如 Inter、system-ui、通过 npm 获取的 Geist Mono）匹配相应角色与字重，并记录所做的替换。
底层设计令牌可通过以下命令随时重新生成：
npx brandmd https://tailwindcss.com -o references/DESIGN.md
适用场景
适合原型设计、内部工具、学习用途、美学研究，或任何以匹配已知视觉系统为目标的项目。
限制与注意事项
- 本技能是命名品牌公开营销网站的非官方、无关联快照，未经品牌方背书，品牌名称仅作参考。
- 除非获得品牌所有者单独授权，否则不要在交付给终端用户的 UI 中使用该品牌的名称、标志或商标。
- 文档中记录的字体名称反映源网站所用字体，部分为专有字体（例如 Anthropic Sans、Geist、自定义品牌字体族），未公开授权再分发，需注意授权约束。
- 来源网站为 https://tailwindcss.com，由 brandmd 从公开营销网站生成，快照构建于 2026-05-27。Tailwind CSS 为 MIT 开源项目，此处捕捉的设计令牌系从公开营销网站观察得到。
- 关于具体价格、收费模式、性能效果等信息，资料中暂未提供。