用途：该技能用于构建可访问、由设计令牌（design tokens）驱动的 Vue 3 组件，覆盖单文件组件结构、TypeScript 集成、组合式函数（composables）以及设计令牌的消费方式。
主要能力：提供组件分类思路（基础、复合、布局）、样式方案选择（scoped CSS、CSS Modules、Tailwind、UnoCSS）、用 defineProps 与接口定义 props、通过 CSS 自定义属性或 provide/inject 实现令牌、补充 ARIA、键盘处理与焦点管理等可访问性、抽取可复用逻辑为 composables。资料给出 VButton、VInput、VStack 等组件示例，以及 useTheme、useId、useBreakpoint 组合式函数和 ThemeProvider 的 provide/inject 模式。
使用方式：按资料中的目录结构组织 src/components（primitives、composite、layout）、composables、tokens 与 index.ts；通过插件注册导出组件，示例为 createApp(App).use(DesignSystem).mount('#app')。测试使用 @vue/test-utils 与 vitest。
适用场景：创建 Vue 3 组件库、构建使用设计令牌的组件、在 Vue/Nuxt 中搭建设计系统、将设计稿转换为 Vue 组件。
限制：资料未提供安装命令、依赖版本、收费与价格、平台支持范围及实际效果数据，这些信息暂未提供。