{
  "schemaVersion": "1.0",
  "item": {
    "slug": "react-nextjs-generator",
    "name": "React Nextjs Generator",
    "source": "tencent",
    "type": "skill",
    "category": "开发工具",
    "sourceUrl": "https://clawhub.ai/batype/react-nextjs-generator",
    "canonicalUrl": "https://clawhub.ai/batype/react-nextjs-generator",
    "targetPlatform": "OpenClaw"
  },
  "install": {
    "downloadMode": "redirect",
    "downloadUrl": "/downloads/react-nextjs-generator",
    "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=react-nextjs-generator",
    "sourcePlatform": "tencent",
    "targetPlatform": "OpenClaw",
    "installMethod": "Manual import",
    "extraction": "Extract archive",
    "prerequisites": [
      "OpenClaw"
    ],
    "packageFormat": "ZIP package",
    "includedAssets": [
      "OpenClaw-Skill.md",
      "README.md",
      "SKILL.md",
      "controller.md",
      "create-react-app.sh",
      "generator.ts"
    ],
    "primaryDoc": "SKILL.md",
    "quickSetup": [
      "Download the package from Yavira.",
      "Extract the archive and review SKILL.md first.",
      "Import or place the package into your OpenClaw setup."
    ],
    "agentAssist": {
      "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
      "steps": [
        "Download the package from Yavira.",
        "Extract it into a folder your agent can access.",
        "Paste one of the prompts below and point your agent at the extracted folder."
      ],
      "prompts": [
        {
          "label": "New install",
          "body": "I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Then review README.md for any prerequisites, environment setup, or post-install checks. Tell me what you changed and call out any manual steps you could not complete."
        },
        {
          "label": "Upgrade existing",
          "body": "I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Then review README.md for any prerequisites, environment setup, or post-install checks. Summarize what changed and any follow-up checks I should run."
        }
      ]
    },
    "sourceHealth": {
      "source": "tencent",
      "slug": "react-nextjs-generator",
      "status": "healthy",
      "reason": "direct_download_ok",
      "recommendedAction": "download",
      "checkedAt": "2026-05-07T23:14:58.869Z",
      "expiresAt": "2026-05-14T23:14:58.869Z",
      "httpStatus": 200,
      "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=react-nextjs-generator",
      "contentType": "application/zip",
      "probeMethod": "head",
      "details": {
        "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=react-nextjs-generator",
        "contentDisposition": "attachment; filename=\"react-nextjs-generator-1.0.0.zip\"",
        "redirectLocation": null,
        "bodySnippet": null,
        "slug": "react-nextjs-generator"
      },
      "scope": "item",
      "summary": "Item download looks usable.",
      "detail": "Yavira can redirect you to the upstream package for this item.",
      "primaryActionLabel": "Download for OpenClaw",
      "primaryActionHref": "/downloads/react-nextjs-generator"
    },
    "validation": {
      "installChecklist": [
        "Use the Yavira download entry.",
        "Review SKILL.md after the package is downloaded.",
        "Confirm the extracted package contains the expected setup assets."
      ],
      "postInstallChecks": [
        "Confirm the extracted package includes the expected docs or setup files.",
        "Validate the skill or prompts are available in your target agent workspace.",
        "Capture any manual follow-up steps the agent could not complete."
      ]
    },
    "downloadPageUrl": "https://openagent3.xyz/downloads/react-nextjs-generator",
    "agentPageUrl": "https://openagent3.xyz/skills/react-nextjs-generator/agent",
    "manifestUrl": "https://openagent3.xyz/skills/react-nextjs-generator/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/react-nextjs-generator/agent.md"
  },
  "agentAssist": {
    "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
    "steps": [
      "Download the package from Yavira.",
      "Extract it into a folder your agent can access.",
      "Paste one of the prompts below and point your agent at the extracted folder."
    ],
    "prompts": [
      {
        "label": "New install",
        "body": "I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Then review README.md for any prerequisites, environment setup, or post-install checks. Tell me what you changed and call out any manual steps you could not complete."
      },
      {
        "label": "Upgrade existing",
        "body": "I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Then review README.md for any prerequisites, environment setup, or post-install checks. Summarize what changed and any follow-up checks I should run."
      }
    ]
  },
  "documentation": {
    "source": "clawhub",
    "primaryDoc": "SKILL.md",
    "sections": [
      {
        "title": "描述",
        "body": "根据需求文档和UI设计图生成完整的React + Next.js项目，使用Ant Design、Tailwind CSS和Zustand技术栈。"
      },
      {
        "title": "使用方法",
        "body": "当用户上传需求文档和UI设计图时，执行以下步骤：\n\n分析需求文档内容\n解析UI设计图元素\n生成项目结构\n创建页面组件\n配置状态管理\n设置样式系统"
      },
      {
        "title": "技术栈",
        "body": "React\nNext.js\nAnt Design (antd)\nTailwind CSS\nZustand (状态管理)"
      },
      {
        "title": "工作流程",
        "body": "接收需求文档和UI图\n分析并提取关键信息\n创建项目目录结构\n生成基础配置文件\n创建页面和组件\n集成状态管理\n应用样式配置"
      }
    ],
    "body": "React Next.js 项目生成器技能\n描述\n\n根据需求文档和UI设计图生成完整的React + Next.js项目，使用Ant Design、Tailwind CSS和Zustand技术栈。\n\n使用方法\n\n当用户上传需求文档和UI设计图时，执行以下步骤：\n\n分析需求文档内容\n解析UI设计图元素\n生成项目结构\n创建页面组件\n配置状态管理\n设置样式系统\n技术栈\nReact\nNext.js\nAnt Design (antd)\nTailwind CSS\nZustand (状态管理)\n工作流程\n接收需求文档和UI图\n分析并提取关键信息\n创建项目目录结构\n生成基础配置文件\n创建页面和组件\n集成状态管理\n应用样式配置"
  },
  "trust": {
    "sourceLabel": "tencent",
    "provenanceUrl": "https://clawhub.ai/batype/react-nextjs-generator",
    "publisherUrl": "https://clawhub.ai/batype/react-nextjs-generator",
    "owner": "batype",
    "version": "1.0.0",
    "license": null,
    "verificationStatus": "Indexed source record"
  },
  "links": {
    "detailUrl": "https://openagent3.xyz/skills/react-nextjs-generator",
    "downloadUrl": "https://openagent3.xyz/downloads/react-nextjs-generator",
    "agentUrl": "https://openagent3.xyz/skills/react-nextjs-generator/agent",
    "manifestUrl": "https://openagent3.xyz/skills/react-nextjs-generator/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/react-nextjs-generator/agent.md"
  }
}