用途：ui-styling 面向使用 React 系框架（Next.js、Vite、Remix、Astro）构建界面的场景，帮助实现可访问组件、工具类样式、响应式布局、暗色模式与设计系统。
主要能力：组件层基于 shadcn/ui（Radix UI 原语），采用复制到代码库的分发模式，TypeScript 优先；样式层为 Tailwind CSS 工具类，构建期处理、无运行时开销，支持移动优先响应式与设计令牌；视觉设计层基于 canvas，强调视觉传达与系统化构图。技能还提供组件目录、主题定制、可访问性模式、Tailwind 工具类、响应式设计、自定义配置与 canvas 设计系统等参考文档，以及 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 生成配置。
适用场景：表单与校验、数据表格、命令面板、图表、导航与弹层、暗色模式、品牌视觉物料与快速原型。
限制：资料未提供具体收费、价格、平台支持范围与效果数据；实际可用性取决于项目框架与依赖版本。