用途：这是 Design System Skills 插件的入门说明，帮助用户首次安装插件、浏览可用技能，或规划设计系统的实现路径。该插件提供 28 项技能，每项技能是 Claude 用于协助实现设计系统特定部分的聚焦指南。
主要能力：技能分为六类。令牌类 10 项，包括 color-scale（从品牌色生成 OKLCH 调色板）、spacing-scale、type-scale、shadow-scale、radius-scale、breakpoints、motion-scale、z-index-scale、design-tokens-structure（原始→语义→组件架构）、responsive-typography（clamp() 流体排版）。模式类 6 项，包括 dark-mode、compound-components、icon-system、layout-primitives、animation-principles。框架类 4 项，覆盖 react、vue、svelte、angular。工具类 4 项，包括 figma、storybook、framer、style-dictionary。无障碍类 3 项，包括 color-contrast、focus-states、aria-patterns。文档类 2 项，包括 token-docs、component-docs。
使用方式：新建设计系统可按路径依次使用 design-tokens-structure、color-scale、spacing-scale、type-scale、shadow-scale、dark-mode、框架技能、storybook。为现有项目添加令牌可用 design-tokens-structure、color-scale、spacing-scale、style-dictionary。改善无障碍可用 color-contrast、focus-states、aria-patterns。跨平台可用 design-tokens-structure、style-dictionary、figma。每项技能提供使用场景、快速参考、流程、实现清单与代码示例，输出支持 CSS 自定义属性、Tailwind 配置与 JSON 令牌格式。
限制：资料未提供安装命令、收费与价格、平台支持范围及具体效果数据，暂未提供。插件由 buoy.design 维护。