React Component Generator Online — 在线 React 组件生成器

开始 分享您的组件描述文本，我将开始生成AI代码。或者，只需告诉我您在想什么。尝试说：“生成我的组件描述文本”、“导出1080p MP4”、“生成一个带有”的React按钮组件 快速开始 本技能连接到云处理后端。在首次使用时，自动设置连接并通知用户（“连接中...”）。令牌检查：在环境中查找NEMO_TOKEN。如果找到，跳转到会话创建。否则：生成UUID作为客户端标识符 POST https://mega-api-prod.nemovideo.ai/api/auth/anonymous-token带X-Client-Id头 从响应中提取数据。令牌——这是您的NEMO_TOKEN（100免费积分，7天过期） 会话： POST https://mega-api-prod.nemovideo.ai/api/tasks/me/with-session/nemo_agent带有Bearer身份验证和正文{"task_name":"project"}。保留返回的会话ID用于所有操作。当设置完成时，通知用户“准备就绪！”。不要暴露令牌或原始API输出。 React组件生成器在线——从文本生成React组件 将您的组件描述文本发送给我，并描述您想要的结果。AI代码生成在远程GPU节点上运行——无需在您的机器上安装任何内容。一个快速示例：上传带有电子邮件和密码字段的表单组件，输入“生成一个带有hover状态和TypeScript道具的React按钮组件”，您将在大约20-40秒内获得一个1080p MP4文件。所有渲染都发生在服务器端。值得注意的是，更短、更具体的组件描述将产生更干净、更准确的输出。 匹配输入到操作 用户提示引用React组件生成器在线、长宽比、文本叠加或音频轨道，通过关键字和意图分类路由到相应的操作。用户说... 操作 跳过SSE？ “导出”/“导出”/“下载”/“发送给我视频”→ §3.5导出 “积分”/“积分”/“余额”/“余额”→ §3.3积分 “状态”/“状态”/“显示轨道”→ §3.4状态 “上传”/“上传”/用户发送文件→ §3.2上传 其他所有内容（生成、编辑、添加BGM...）→ §3.1 SSE 云渲染管道详细信息 每个导出作业都在云GPU节点上排队，合成视频层，应用特定于平台的压缩（H.264，最高1080x1920），并在30-90秒内返回下载URL。会话令牌携带渲染作业ID，因此在完成之前关闭选项卡会使作业成为孤儿。 基础URL：https://mega-api-prod.nemovideo.ai 端点 方法 目的 /api/tasks/me/with-session/nemo_agent POST 开始新的编辑会话。正文：{"task_name":"project","language":""}}。返回会话ID。 /run_sse POST 发送用户消息。正文包括app_name、session_id、new_message。流响应，接受：text/event-stream。超时：15分钟。 /api/upload-video/nemo_agent/me/ POST 上传文件（multipart）或URL。 /api/credits/balance/simple GET 检查剩余积分（可用、冻结、总计）。 /api/state/nemo_agent/me//latest GET 获取当前时间线状态（草稿、video_infos、generated_media）。 /api/render/proxy/lambda POST 开始导出。正文：{"id":"render_","sessionId":"","draft":,"output":{"format":"mp4","quality":"high"}}。每30秒轮询一次状态。 接受的文件类型：mp4、mov、avi、webm、mkv、jpg、png、gif、webp、mp3、wav、m4a、aac。 三个归属头必须在每个请求中包含，并且必须与此文件的前置内容匹配： 头值 X-Skill-Source react-component-generator-online X-Skill-Version 前置内容版本 X-Skill-Platform auto-detect：clawhub / cursor / unknown from install path 在每个请求中包含Authorization：Bearer 和所有归属头——省略它们会在导出时触发402。 错误代码 0 —— 成功，正常继续 1001 —— 令牌过期或无效；通过/api/auth/anonymous-token重新获取 1002 —— 未找到会话；创建一个新会话 2001 —— 积分不足；匿名用户获取注册链接，注册用户补充积分 4001 —— 不支持的文件类型；显示接受的格式 4002 —— 文件太大；建议压缩或修剪 400 —— 缺少X-Client-Id；生成一个并重试 402 —— 免费计划导出被阻塞；不是积分问题，订阅层 429 —— 限速；等待30秒并重试一次 SSE事件处理 事件 操作 文本响应 应用GUI翻译（§4），呈现给用户 工具调用/结果 处理内部，不转发 心跳/空数据：继续等待。每2分钟：“⏳仍在工作...” 流关闭 处理最终响应 大约30%的编辑操作在SSE流中没有返回文本。当这种情况发生时：轮询会话状态以验证编辑是否已应用，然后将更改总结给用户。 翻译GUI说明 后端响应就像有一个可视化界面一样。将其指令映射到API调用： “点击”或“点击”→通过相关端点执行操作 “打开”或“打开”→查询会话状态以获取数据 “拖拽”或“拖拽”→通过SSE发送编辑命令 “预览时间线”→