design

用途：该技能面向设计系统与令牌（Design Token）管理，用于管理设计令牌、颜色、排版，并维护设计一致性。主要能力：支持以 CSS 变量、JSON 令牌和 Tailwind 配置等格式组织设计令牌；覆盖颜色（色板生成、对比度检查、格式转换，如 HEX/RGB/RGBA/HSL/HSLA）、排版（字号比例、字体配对）、间距系统（4 点网格等）以及组件级令牌（按钮、输入框）；并提供设计评审，用于审计颜色系统（对比度、命名、语义色完整性、暗色模式、可访问性）与排版系统（行高、比例、响应式、字体加载、可访问性）。使用方式：资料给出的示例通过命令行调用 gemini 完成任务，例如生成色板：gemini -m pro -o text -e "" "Generate a color palette for: ..."；检查对比度：gemini -m pro -o text -e "" "Check contrast ratios: ..."；转换颜色格式、生成字号比例与字体配对、生成间距比例等均采用同类命令。导出令牌时可借助 jq 从 tokens.json 生成 CSS、JavaScript 或 SCSS，例如 cat tokens.json | jq -r 'to_entries | .[] | "--(.key): (.value.value);"' > tokens.css。适用场景：需要建立或维护统一设计系统、在多主题或多组件间复用令牌、进行可访问性审查的前端与设计协作流程。限制：资料仅提供令牌格式示例与命令示例，未说明具体安装方式、收费情况、支持的平台范围及实际效果，这些信息暂未提供。