{ "schemaVersion": "1.0", "item": { "slug": "app-builder", "name": "App Builder", "source": "tencent", "type": "skill", "category": "开发工具", "sourceUrl": "https://clawhub.ai/stopachka/app-builder", "canonicalUrl": "https://clawhub.ai/stopachka/app-builder", "targetPlatform": "OpenClaw" }, "install": { "downloadMode": "redirect", "downloadUrl": "/downloads/app-builder", "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=app-builder", "sourcePlatform": "tencent", "targetPlatform": "OpenClaw", "installMethod": "Manual import", "extraction": "Extract archive", "prerequisites": [ "OpenClaw" ], "packageFormat": "ZIP package", "includedAssets": [ "SKILL.md" ], "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. 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. Summarize what changed and any follow-up checks I should run." } ] }, "sourceHealth": { "source": "tencent", "status": "healthy", "reason": "direct_download_ok", "recommendedAction": "download", "checkedAt": "2026-04-23T16:43:11.935Z", "expiresAt": "2026-04-30T16:43:11.935Z", "httpStatus": 200, "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard", "contentType": "application/zip", "probeMethod": "head", "details": { "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard", "contentDisposition": "attachment; filename=\"4claw-imageboard-1.0.1.zip\"", "redirectLocation": null, "bodySnippet": null }, "scope": "source", "summary": "Source download looks usable.", "detail": "Yavira can redirect you to the upstream package for this source.", "primaryActionLabel": "Download for OpenClaw", "primaryActionHref": "/downloads/app-builder" }, "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/app-builder", "agentPageUrl": "https://openagent3.xyz/skills/app-builder/agent", "manifestUrl": "https://openagent3.xyz/skills/app-builder/agent.json", "briefUrl": "https://openagent3.xyz/skills/app-builder/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. 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. Summarize what changed and any follow-up checks I should run." } ] }, "documentation": { "source": "clawhub", "primaryDoc": "SKILL.md", "sections": [ { "title": "App Builder", "body": "You have access to:\n\nnpx instant-cli\ngh\nvercel\n\nIf you use these tools, and find out that you don't have them or are not logged in, prompt the user to install them and log in.\n\nAll apps live in: ~/apps" }, { "title": "Ground rules", "body": "Always create/edit projects in ~/apps/.\nBefore making changes, read AGENTS.md in the repo root; also read ~/apps//AGENTS.md if it exists.\nFor now, always push to main.\nEvery app must be:\n\npushed to GitHub\ndeployed on Vercel" }, { "title": "Workflow: create a new app", "body": "Pick an app folder name\n\nEnsure ~/apps exists.\nThe project will end up at ~/apps/.\n\n\n\nCreate an Instant appId + token\n\nRun:\n\nnpx instant-cli init-without-files\n\n\nCapture the returned appId and token.\n\n\n\nGenerate the Next.js app\n\nRun this from inside ~/apps (because the command creates the project folder):\n\ncd ~/apps\nnpx create-instant-app --next --codex --app --token \n\n\n\n\n\nInitialise git + GitHub repo (if needed)\n\nFrom ~/apps/:\n\ngit init (if not already)\ngit add -A && git commit -m \"Init\" (if needed)\ngh repo create --private --source . --remote origin --push\n\nUse --public if the user requests.\n\n\n\n\n\n\n\nVercel: create/link project and deploy\n\nFrom ~/apps/:\n\nvercel link (or vercel project add / vercel depending on prompts)\nvercel --prod\n\n\n\n\n\nImplement requested changes\n\nUse a coding agent (Codex CLI or equivalent) from within the app directory to make changes.\nPrefer small, reviewable commits.\n\n\n\nCommit + push (main)\n\ngit add -A\ngit commit -m \"\"\ngit push -u origin main\n\n\n\nDeploy update\n\nvercel --prod" }, { "title": "Workflow: edit an existing app", "body": "cd ~/apps/\nRead relevant AGENTS.md.\nPull latest:\n\ngit checkout main && git pull\n\n\nMake changes via coding agent / normal edits.\nTest/build as appropriate.\nCommit + push to main.\nDeploy to Vercel (vercel --prod)." }, { "title": "Environment variables (.env)", "body": "When you first push to vercel, it likely won't have environment variables. Use the CLI to push the environment variables you do have in the local .env file." }, { "title": "Notes / guardrails", "body": "If create-instant-app created the repo + remote already, do not re-create it—just ensure origin exists and main is pushed.\nIf Vercel is already linked, do not re-link—just deploy." }, { "title": "Communicating", "body": "When you start using this skill, send a message saying \"Okay, getting ready to use my app builder skill\".\n\nThen send period updates as you make progress. Building an app takes a while. Make it fun for the user." } ], "body": "App Builder\n\nYou have access to:\n\nnpx instant-cli\ngh\nvercel\n\nIf you use these tools, and find out that you don't have them or are not logged in, prompt the user to install them and log in.\n\nAll apps live in: ~/apps\n\nGround rules\nAlways create/edit projects in ~/apps/.\nBefore making changes, read AGENTS.md in the repo root; also read ~/apps//AGENTS.md if it exists.\nFor now, always push to main.\nEvery app must be:\npushed to GitHub\ndeployed on Vercel\nWorkflow: create a new app\n\nPick an app folder name\n\nEnsure ~/apps exists.\nThe project will end up at ~/apps/.\n\nCreate an Instant appId + token\n\nRun:\nnpx instant-cli init-without-files\nCapture the returned appId and token.\n\nGenerate the Next.js app\n\nRun this from inside ~/apps (because the command creates the project folder):\ncd ~/apps\nnpx create-instant-app --next --codex --app --token \n\nInitialise git + GitHub repo (if needed)\n\nFrom ~/apps/:\ngit init (if not already)\ngit add -A && git commit -m \"Init\" (if needed)\ngh repo create --private --source . --remote origin --push\nUse --public if the user requests.\n\nVercel: create/link project and deploy\n\nFrom ~/apps/:\nvercel link (or vercel project add / vercel depending on prompts)\nvercel --prod\n\nImplement requested changes\n\nUse a coding agent (Codex CLI or equivalent) from within the app directory to make changes.\nPrefer small, reviewable commits.\n\nCommit + push (main)\n\ngit add -A\ngit commit -m \"\"\ngit push -u origin main\n\nDeploy update\n\nvercel --prod\nWorkflow: edit an existing app\ncd ~/apps/\nRead relevant AGENTS.md.\nPull latest:\ngit checkout main && git pull\nMake changes via coding agent / normal edits.\nTest/build as appropriate.\nCommit + push to main.\nDeploy to Vercel (vercel --prod).\nEnvironment variables (.env)\n\nWhen you first push to vercel, it likely won't have environment variables. Use the CLI to push the environment variables you do have in the local .env file.\n\nNotes / guardrails\nIf create-instant-app created the repo + remote already, do not re-create it—just ensure origin exists and main is pushed.\nIf Vercel is already linked, do not re-link—just deploy.\nCommunicating\n\nWhen you start using this skill, send a message saying \"Okay, getting ready to use my app builder skill\".\n\nThen send period updates as you make progress. Building an app takes a while. Make it fun for the user." }, "trust": { "sourceLabel": "tencent", "provenanceUrl": "https://clawhub.ai/stopachka/app-builder", "publisherUrl": "https://clawhub.ai/stopachka/app-builder", "owner": "stopachka", "version": "1.0.0", "license": null, "verificationStatus": "Indexed source record" }, "links": { "detailUrl": "https://openagent3.xyz/skills/app-builder", "downloadUrl": "https://openagent3.xyz/downloads/app-builder", "agentUrl": "https://openagent3.xyz/skills/app-builder/agent", "manifestUrl": "https://openagent3.xyz/skills/app-builder/agent.json", "briefUrl": "https://openagent3.xyz/skills/app-builder/agent.md" } }