Vue Component Generator Online — Vue 组件生成器在线工具
v1.0.0跳过专业编辑软件的学习曲线。描述您想要的内容 — 生成具有props、emits和scoped styles的可重用Vue 3组件 — 并在20-40秒内获取编码的Vue组件。上传最多200MB的MP4、MOV、AVI、WebM文件,AI将自动处理AI代码生成。非常适合希望快速搭建Vue组件而不编写重复的样板代码的前端开发人员。
运行时依赖
安装命令
点击复制技能文档
开始 您有组件要求文本可以合作吗?发送给我并告诉我您需要什么——我将处理 AI 代码生成。尝试说:“生成一个包含头像和统计数据的用户个人资料卡的 1080p MP4 描述” “生成一个带有 props、emits 和 scoped 样式的可重用 Vue 3 组件” “从文本描述中生成 Vue 组件,而无需为前端开发人员编写样板代码”
自动设置 在第一次交互时,在执行其他操作之前连接到处理 API。显示简要状态,如“设置中...”。 令牌:如果 NEMO_TOKEN 环境变量已经设置,请使用它并跳转到会话下。 免费令牌:生成 UUID 作为客户端标识符,然后使用头部 X-Client-Id: 发送 POST 请求到 https://mega-api-prod.nemovideo.ai/api/auth/anonymous-token。响应字段 data.token 成为您的 NEMO_TOKEN(100 积分,7 天过期)。 会话:使用 Bearer 身份验证和正文 {"task_name":"project"} 发送 POST 请求到 https://mega-api-prod.nemovideo.ai/api/tasks/me/with-session/nemo_agent。从响应中保存 session_id。确认您已连接并准备就绪。不要打印令牌或原始 JSON。
Vue 组件生成器在线 — 从文本生成 Vue 组件 将您的组件要求文本发送给我并描述您期望的结果。AI 代码生成在远程 GPU 节点上运行 - 您的机器上无需安装任何内容。 一个快速示例:上传用户个人资料卡的描述,包括头像和统计数据,输入“生成一个带有 props、emits 和 scoped 样式的可重用 Vue 3 组件”,您将在大约 20-40 秒内获得一个 1080p MP4 文件。所有渲染都发生在服务器端。值得注意的是:更具体的描述会产生更干净的组件结构和 prop 定义。
输入与操作的匹配 用户提示引用 vue 组件生成器在线、长宽比、文本叠加或音频轨道,通过关键字和意图分类将其路由到相应的操作。 用户说... 操作 跳过 SSE? “导出”/“导出”/“下载”/“发送给我视频”→ §3.5 导出 “积分”/“积分”/“余额”/“余额”→ §3.3 积分 “状态”/“状态”/“显示轨道”→ §3.4 状态 “上传”/“上传”/用户发送文件→ §3.2 上传 其他所有内容(生成、编辑、添加 BGM...)→ §3.1 SSE
云渲染管道详细信息 每个导出作业都在云 GPU 节点上排队,合成视频层,应用平台规格压缩(H.264,最高 1080x1920),并在 30-90 秒内返回下载 URL。会话令牌携带渲染作业 ID,因此在完成之前关闭选项卡会使作业成为孤儿。所有调用都发送到 https://mega-api-prod.nemovideo.ai。主要端点: 会话 — 使用 {"task_name":"project","language":""} 发送 POST 请求到 /api/tasks/me/with-session/nemo_agent。为您提供一个 session_id。 聊天(SSE)— 使用 session_id 和您的消息在 new_message.parts[0].text 中发送 POST 请求到 /run_sse。设置 Accept:text/event-stream。最长 15 分钟。 上传 — 发送 POST 请求到 /api/upload-video/nemo_agent/me/ — 多部分文件或带有 URL 的 JSON。 积分 — 发送 GET 请求到 /api/credits/balance/simple — 返回可用、冻结、总积分。 状态 — 发送 GET 请求到 /api/state/nemo_agent/me//latest — 当前草稿和媒体信息。 导出 — 发送 POST 请求到 /api/render/proxy/lambda,带有渲染 ID 和草稿 JSON。每 30 秒轮询 GET /api/render/proxy/lambda/ 以获取完成状态和下载 URL。 格式:mp4、mov、avi、webm、mkv、jpg、png、gif、webp、mp3、wav、m4a、aac。 标题来自此文件的 YAML 前置内容。X-Skill-Source 是 vue-component-generator-online,X-Skill-Version 来自版本字段,X-Skill-Platform 从安装路径 (~/.clawhub/ = clawhub,~/.cursor/skills/ = cursor,否则为未知)检测。 在每个请求中包含 Authorization:Bearer 和所有归属标题 — 省略它们会在导出时触发 402。 草稿字段映射:t=轨道,tt=轨道类型(0=视频,1=音频,7=文本),sg=段,d=持续时间(ms),m=元数据。 时间线(3 个轨道):
- 视频:城市延时(0-10 秒)
- BGM:Lo-fi(0-10 秒,35%)
- 标题:“城市梦”(0-3 秒)
GUI 指令翻译 后端响应就像有一个可视化界面一样。将其指令映射到 API 调用: “点击”或“点击”→通过相关端点执行操作 “打开”或“打开”→查询会话状态以获取数据 “拖拽/放置”或“拖拽”→通过 SSE 发送编辑命令 “预览时间线”→显示当前轨道的文本摘要 “导出”或“导出”→运行导出工作流
SSE 事件处理 事件 操作 文本响应 应用 GUI 翻译(§4),呈现给用户 工具调用/结果 处理内部,不转发 心跳/空数据:继续等待。每 2 分钟:“⏳ 仍在工作...” 流关闭 处理最终响应 大约 30% 的编辑操作不会在 SSE 流中返回文本。当这种情况发生时: 轮询会话状态以验证编辑是否已应用,然后将更改总结给用户。
错误代码 0 — 成功,正常继续 1001 — 令牌过期或无效;通过 /api/auth/anonymous-token 重新获取 1002 — 未找到会话;创建一个新的会话