React Next.js 项目生成器技能
描述
根据需求文档和UI设计图生成完整的React + Next.js项目,使用Ant Design、Tailwind CSS和Zustand技术栈。
使用方法
当用户上传需求文档和UI设计图时,执行以下步骤:
- 分析需求文档内容
- 解析UI设计图元素
- 生成项目结构
- 创建页面组件
- 配置状态管理
- 设置样式系统
技术栈
- React
- Next.js
- Ant Design (antd)
- Tailwind CSS
- Zustand (状态管理)
工作流程
- 接收需求文档和UI图
- 分析并提取关键信息
- 创建项目目录结构
- 生成基础配置文件
- 创建页面和组件
- 集成状态管理
- 应用样式配置