🧪 Skills

React Nextjs Generator

Generates complete React Next.js projects from requirements and UI designs using Ant Design, Tailwind CSS, and Zustand for state management.

v1.0.0
⭐ —
❤️ 0
⬇️ 172
👁 3
Save📁 Collect
Share

Description

React Next.js 项目生成器技能

描述

根据需求文档和UI设计图生成完整的React + Next.js项目，使用Ant Design、Tailwind CSS和Zustand技术栈。

使用方法

当用户上传需求文档和UI设计图时，执行以下步骤：

  1. 分析需求文档内容
  2. 解析UI设计图元素
  3. 生成项目结构
  4. 创建页面组件
  5. 配置状态管理
  6. 设置样式系统

技术栈

  • React
  • Next.js
  • Ant Design (antd)
  • Tailwind CSS
  • Zustand (状态管理)

工作流程

  1. 接收需求文档和UI图
  2. 分析并提取关键信息
  3. 创建项目目录结构
  4. 生成基础配置文件
  5. 创建页面和组件
  6. 集成状态管理
  7. 应用样式配置

Reviews (0)

Sign in to write a review.

No reviews yet. Be the first to review!

Comments (0)

Sign in to join the discussion.

No comments yet. Be the first to share your thoughts!

Compatible Platforms

Links

📂 Source Code

Pricing

Free

Related Configs

🧪 Skill

self-improving-agent

Free

Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Clau...

❤️ 2.0k ⬇️ 218k
🧪 Skill

Self Improving Agent

Free

Captures learnings, errors, and corrections to enable continuous improvement. And also 50+ models for image generation, video generation, text-to-speech, spe...

❤️ 2.0k ⬇️ 206k
🧪 Skill

Find Skills

Free

Search, discover, and install skills from the open agent skills ecosystem to extend agent capabilities for specific tasks or domains.

❤️ 814 ⬇️ 199k
🧪 Skill

Summarize

Free

--- name: summarize description: Summarize URLs or files with the summarize CLI (web, PDFs, images, audio, YouTube). homepage: https://summarize.sh metadata: {"clawdbot":{"emoji":"🧾","requires":{"b

❤️ 609 ⬇️ 160k