ui-styling - 使用 shadcn/ui 和 Tailwind CSS 构建无障碍用户界面
提供用于构建无障碍响应式用户界面和设计系统的组件、实用类样式及 Canvas 视觉设计模式。
标签
更新于: 2026-09-22能力
典型输入
典型输出
该技能可以做什么
- 安装 shadcn/ui 组件
- 使用 Tailwind CSS 设置界面样式
- 构建移动优先的响应式布局
- 配置主题与深色模式
- 实现无障碍 UI 组件
- 生成 Tailwind CSS 配置文件
输入
- 基于 React 的项目代码库
- UI 组件设计规范
- 主题配置偏好
输出
- shadcn/ui 组件代码
- Tailwind CSS 配置文件
- 具有样式的 React 组件
要求
- 包含 npm 或 npx 的 Node.js 环境
- 用于实用脚本的 Python 3 环境
- 基于 React 的框架项目