ui-designer - 基于 React 与 Tailwind CSS 的 UI 设计工作流。
根据描述生成包含页面路由、弹窗交互与资源查看器的完整 React 和 Tailwind CSS 设计项目。
标签
更新于: 2026-09-19能力
典型输入
典型输出
该技能可以做什么
- 收集 UI 设计需求
- 生成项目配置文件
- 生成 Design Tokens
- 创建 SVG 图标组件
- 生成 React UI 组件
- 生成页面结构蓝图
- 生成页面组件与路由配置
- 创建资源查看器容器
- 执行质量自检流程
- 导出多平台组件代码
输入
- UI 设计需求描述
- 目标平台规范
- 风格偏好与品牌主色
- 设计参考与规范
输出
- 项目配置文件
- Design Tokens CSS 文件
- SVG 图标组件文件
- React UI 组件文件
- 页面蓝图 JSON 文件
- React 页面组件文件
- React Router 路由配置
- 资源查看器组件
- 导出的目标平台代码
要求
- Node.js 运行环境
- npm 包管理器
- vscode_askQuestions 工具支持