用途：该技能面向使用 React 系框架（Next.js、Vite、Remix、Astro）构建用户界面的场景，覆盖无障碍组件实现、工具类 CSS 样式、移动优先响应式布局、暗色模式与主题定制、设计系统令牌，以及海报、品牌物料等视觉设计生成和快速原型。
主要能力：组件层基于 shadcn/ui（构建于 Radix UI 之上），采用复制到代码库的分发模式，TypeScript 优先；样式层为 Tailwind CSS 工具类框架，构建期处理、无运行时开销，支持设计令牌与自动清除无用代码；视觉设计层基于 Canvas，强调系统性构图与精炼美学。技能内含组件目录、主题定制、无障碍模式、Tailwind 工具类、响应式设计与自定义配置等参考文档，以及 Python 自动化脚本。
使用方式：初始化并添加组件可运行 npx shadcn@latest init 与 npx shadcn@latest add button card dialog form；纯 Tailwind 的 Vite 项目可执行 npm install -D tailwindcss @tailwindcss/vite，并在 vite.config.ts 中引入 @tailwindcss/vite 插件、在 CSS 中写入 @import "tailwindcss"。自动化脚本包括 python scripts/shadcn_add.py button card dialog 与 python scripts/tailwind_config_gen.py --colors brand:blue --fonts display:Inter。
适用场景：需要无障碍对话框、表单、表格、导航等复杂 UI 模式，或需要暗色模式、响应式布局、数据表格、图表、命令面板等场景。
限制：资料未提供收费、价格、平台支持范围与效果保证等信息；具体组件与配置细节需查阅其参考文档。