React Nextjs Generator

# React Next.js 项目生成器技能

Safety Notice

This listing is from the official public ClawHub registry. Review SKILL.md and referenced scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "React Nextjs Generator" with this command: npx skills add batype/react-nextjs-generator

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. 应用样式配置

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

Power Automate Monitoring

**Pro+ subscription required.** Tenant-wide Power Automate flow health monitoring, failure rate analytics, and asset inventory using the FlowStudio MCP cache...

Registry SourceRecently Updated
General

Power Automate Governance

Govern Power Automate flows and Power Apps at scale using the FlowStudio MCP cached store. Classify flows by business impact, detect orphaned resources, audi...

Registry SourceRecently Updated
General

Secretary Memory

OpenClaw 秘书式多分区记忆系统 v3.0。仿生现代秘书的笔记本分类法,支持:(1) 多分区并发搜索 + 每分区3条上下文召回,(2) 会话自动摘要,(3) 偏好自动提取 + 用户关系图谱,(4) 记忆冲突主动检测,(5) 定时 consolidation + 会话结束 hook,(6) 精细化恢复/回溯,...

Registry SourceRecently Updated
General

运维助手 v2.0

运维助手 v2.0 - 支持本地、远程、多服务器集群监控 (健康检查、日志分析、性能监控、批量操作、文件传输)

Registry SourceRecently Updated