用途：该技能用于构建可访问、由设计令牌（design tokens）驱动的 Svelte 5 组件，覆盖组件结构、TypeScript 集成、状态管理与令牌消费。适用场景包括创建 Svelte 组件库、构建使用设计令牌的组件、在 SvelteKit 中搭建设计系统，以及将设计稿转换为 Svelte 组件。
主要能力：提供组件开发流程（识别组件类型、选择样式方案、用 TypeScript 定义 props、用 CSS 自定义属性实现令牌、补充无障碍、抽取状态逻辑）；给出 Svelte 5 runes 速查（$state 响应式状态、$derived 计算值、$effect 副作用、$props 组件属性、$bindable 双向绑定）；展示项目结构（lib/components 下分 primitives、composite、layout，另有 stores、tokens、index.ts 与 routes）；并给出 Button、Input、Stack 等组件示例，以及主题 store、Context 模式、clickOutside 与 focusTrap 动作、过渡动画、库导出与基于 Vitest 和 @testing-library/svelte 的测试示例。
使用方式：按资料中的目录组织代码，组件用 $props() 接收属性、用 $state/$derived/$effect 管理状态，样式通过 var(--spacing-*) 等 CSS 自定义属性消费令牌，并在 index.ts 中统一导出组件、store、动作与类型。
限制：资料未提供安装命令、依赖版本、收费或价格、平台支持范围及实际效果数据，这些信息暂未提供。