用途：该技能面向使用 React 系框架（Next.js、Vite、Remix、Astro）构建用户界面的场景，覆盖可访问组件实现、工具类 CSS 样式、移动优先响应式布局、暗色模式与主题定制、设计系统令牌，以及生成视觉设计、海报或品牌素材。
主要能力：组件层基于 shadcn/ui（构建于 Radix UI 原语之上），采用复制粘贴式分发，组件位于你的代码库中，TypeScript 优先；样式层为 Tailwind CSS 工具类框架，构建期处理、无运行时开销，支持移动优先响应式与设计令牌；视觉设计层基于 canvas，强调视觉传达与系统性构图。技能内含组件目录、主题定制、可访问性模式、Tailwind 工具类、响应式设计与自定义配置等参考文档，以及 shadcn_add.py 和 tailwind_config_gen.py 两个 Python 自动化脚本。
使用方式：初始化可运行 npx shadcn@latest init，添加组件用 npx shadcn@latest add button card dialog form；纯 Tailwind 的 Vite 项目可安装 npm install -D tailwindcss @tailwindcss/vite 并在 CSS 中 @import "tailwindcss"。脚本路径相对于包含 SKILL.md 的目录，工作目录应保持在项目根目录。tailwind_config_gen.py 在存在同级 tailwind.config.js、.cjs、.mjs 或 .ts 时会拒绝生成或替换，需确认后加 --force。
适用场景：快速原型、数据表格与图表、命令面板等复杂 UI 模式，以及需要一致设计令牌与暗色模式的项目。
限制：资料未提供具体收费、价格、平台支持范围与效果保证等信息。