用途:这是一份面向 Shadcn 风格的设计系统规范编写技能,目标是产出工程与设计可直接采用的实现级指导,先遵循基础规范,再保证组件一致性;不确定时优先无障碍与清晰度。
主要能力:覆盖视觉风格(极简、干净)、排版层级(12/14/16/20/24/32,主字体与展示字体为 Geist,等宽为 Fira Code,字重 100–900)、配色令牌(primary=#000000、secondary=#111111、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827)、间距刻度(4/8/12/16/24/32),并要求优先使用语义令牌而非原始数值。无障碍遵循 WCAG 2.2 AA、键盘优先交互与可见焦点态。
使用方式:按固定输出结构生成规范——背景与目标、设计令牌与基础、组件级规则(解剖、变体、状态、响应式)、无障碍要求与可测试验收标准、内容与语气标准、反模式与禁止实现、QA 清单。组件需定义 default、hover、focus-visible、active、disabled、loading、error 等状态,说明键盘、指针与触摸交互,明确间距、排版与颜色令牌用法,并覆盖响应式与长标签、空状态、溢出等边界。用 must 表示不可协商规则、should 表示建议,每条 do 规则配一个具体 don't 示例,引入新模式需给出迁移指引。
限制:资料未提供该技能的收费、价格、平台支持或具体安装步骤;内容为通用设计系统指导,不包含可直接运行的完整代码。