用途：为 UI/UX 与设计系统开发提供系统化参考，涉及设计令牌、组件架构、无障碍、图标与主题五类能力。
主要能力：设计系统方面包含 W3C DTCG 2025.10 令牌规范、Style Dictionary 4.0 转换与 Pencil MCP 工作流；组件架构覆盖 Atomic Design、React 19、Vue 3.5、shadcn/ui 与 Radix UI 原语；无障碍支持 WCAG 2.2 AA/AAA、键盘导航与屏幕阅读器；图标涵盖 Lucide、React Icons、Tabler、Iconify、Hugeicons 等；主题包含 CSS 变量、明暗模式与品牌定制。
使用方式：按需查阅模块文档——component-architecture.md、design-system-tokens.md、accessibility-wcag.md、icon-libraries.md、theming-system.md、web-interface-guidelines.md，以及 examples.md 与 reference.md。典型流程为：创建 DTCG 令牌 JSON 并用 Style Dictionary 构建；初始化 shadcn/ui 并按原子设计组织目录；按需选择图标库并逐个导入以支持 tree-shaking；用 CSS 变量配合 Theme Provider 实现明暗主题。
适用场景：构建组件库、设计令牌架构、多平台主题、图标系统与无障碍企业界面。
限制：资料未提供收费、价格与平台限制信息；需注意令牌优先、为纯图标交互元素补 aria-label、逐项导入图标、明暗模式与键盘导航均需测试，文本对比度须达 4.5:1。