用途：根据设计令牌生成生产可用的组件代码，适用于搭建组件库和设计系统实现。用设计系统生成器产出令牌后，本技能可生成符合框架习惯的组件模板。
主要能力：生成 React、Vue、Svelte 组件；包含常见变体（尺寸、颜色、状态）；内置无障碍（ARIA、键盘、焦点）；区分核心组件（Button、Input、Card、Badge）、布局组件（Container、Stack、Grid）、交互组件（Dialog、Dropdown、Tabs、Toggle）。支持 neobrutalism、glassmorphism、terminal 等风格模式。
使用方式：提供趋势 ID 与组件类型作为输入，得到完整组件与令牌用法。生成工作流：design-system-generator 产出令牌，本技能生成组件代码，随后 customize 变体与 props，最后用 design-system-documenter 生成文档。引用文件包括 references/component-patterns.md 与 references/component-catalog.md。相关技能为 design-system-generator 与 design-system-documenter。
限制：仅需令牌时请用 design-system-generator；需要完整 UI 库请用 shadcn/ui 等；已有组件请直接编辑。官方未提供收费、价格、平台支持等细节。