首页 › 龙虾技能列表 › App Builder — 技能工具

App Builder — 技能工具

v1.0.0

Build, edit, and deploy Instant-backed apps using npx instant-cli, create-instant-app (Next.js + Codex), GitHub (gh), and Vercel (vercel). Use when asked to create a new app, modify an existing app, fix bugs, add features, or deploy/update an app. Projects live under ~/apps; always work inside the relevant app folder.

2· 2,644·10 当前·11 累计
by @stopachka·MIT-0
下载技能包
License
MIT-0
最后更新
2026/4/12
安全扫描
VirusTotal
可疑
查看报告
OpenClaw
安全
high confidence
The skill's instructions, required tools, and actions are consistent with its stated purpose of creating, editing, and deploying Instant-backed apps; it primarily uses developer CLIs (npx, gh, vercel) and works inside ~/apps as described.
评估建议
This skill appears coherent for building and deploying Instant-backed apps, but it will operate with whatever GitHub/Vercel CLI logins and local files (including .env) are available. Before enabling: 1) ensure you want an agent to create repos, commit code, and push to main on your behalf; 2) prefer using test repositories or limited-permission accounts if you don't want the agent to affect production repos; 3) review any .env values before allowing the agent to push them to Vercel (they may con...
详细分析 ▾
✓ 用途与能力
Name/description match the runtime instructions: the SKILL.md describes generating an Instant app, creating a GitHub repo, and deploying to Vercel using npx instant-cli, gh, and vercel. The skill does not request unrelated binaries or credentials in its metadata; the workflows it prescribes align with the stated purpose.
ℹ 指令范围
Instructions direct the agent to read repo-level AGENTS.md files and local project files under ~/apps, create and capture an Instant app token/appId, run CLIs, commit/push to GitHub, and push env vars from a local .env to Vercel. Reading project files and .env is expected for development, but .env may contain unrelated secrets — users should be aware the agent will be instructed to read and push those values to Vercel.
✓ 安装机制
This is instruction-only with no install spec and no code files, so nothing is downloaded or written by the skill itself. Risk from install mechanism is low.
ℹ 凭证需求
The skill does not declare required env vars or credentials, but its workflow requires active CLI authentication to GitHub and Vercel and the creation/handling of an Instant token. This is proportionate to its purpose; however, the skill will operate using whichever user credentials are present (CLI login), so users should confirm they want the agent to use those accounts and push to the target repos.
✓ 持久化与权限
always is false and the skill does not request persistent system-wide privileges or modify other skills. It directs normal developer operations within project directories and does not demand broader system changes.
安全有层次，运行前请审查代码。

License

MIT-0

可自由使用、修改和再分发，无需署名。

运行时依赖

无特殊依赖

版本

latestv1.0.02026/2/3

Initial release of the app-builder skill. - Build, edit, and deploy Instant-backed apps using npx instant-cli, create-instant-app (Next.js + Codex), GitHub CLI, and Vercel. - Enforces a workflow for new and existing app projects under ~/apps, covering GitHub repository creation, Vercel deployment, and environment variable management. - Provides clear, step-by-step instructions for project creation, editing, and deployment. - Includes guidance for communicating progress to the user and handling missing tools or logins. - Establishes best practices and guardrails for project structure and version control.

● 可疑

安装命令 点击复制

官方npx clawhub@latest install app-builder
镜像加速npx clawhub@latest install app-builder --registry https://cn.clawhub-mirror.com

技能文档

You have access to:

  • npx instant-cli
  • gh
  • vercel

If 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.

All apps live in: ~/apps

Ground rules

  • Always create/edit projects in ~/apps/.
  • Before making changes, read AGENTS.md in the repo root; also read ~/apps//AGENTS.md if it exists.
  • For now, always push to main.
  • Every app must be:
1) pushed to GitHub 2) deployed on Vercel

Workflow: create a new app

  • Pick an app folder name
- Ensure ~/apps exists. - The project will end up at ~/apps/.

  • Create an Instant appId + token
- Run: - npx instant-cli init-without-files - Capture the returned appId and token.

  • Generate the Next.js app
- Run this from inside ~/apps (because the command creates the project folder): - cd ~/apps - npx create-instant-app --next --codex --app --token

  • Initialise git + GitHub repo (if needed)
- From ~/apps/: - git init (if not already) - git add -A && git commit -m "Init" (if needed) - gh repo create --private --source . --remote origin --push - Use --public if the user requests.

  • Vercel: create/link project and deploy
- From ~/apps/: - vercel link (or vercel project add / vercel depending on prompts) - vercel --prod

  • Implement requested changes
- Use a coding agent (Codex CLI or equivalent) from within the app directory to make changes. - Prefer small, reviewable commits.

  • Commit + push (main)
- git add -A - git commit -m "" - git push -u origin main

  • Deploy update
- vercel --prod

Workflow: edit an existing app

  • cd ~/apps/
  • Read relevant AGENTS.md.
  • Pull latest:
- git checkout main && git pull
  • Make changes via coding agent / normal edits.
  • Test/build as appropriate.
  • Commit + push to main.
  • Deploy to Vercel (vercel --prod).

Environment variables (.env)

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.

Notes / guardrails

  • If create-instant-app created the repo + remote already, do not re-create it—just ensure origin exists and main is pushed.
  • If Vercel is already linked, do not re-link—just deploy.

Communicating

When you start using this skill, send a message saying "Okay, getting ready to use my app builder skill".

Then send period updates as you make progress. Building an app takes a while. Make it fun for the user.

数据来源：ClawHub ↗ · 中文优化：龙虾技能库
OpenClaw 技能定制 / 插件定制 / 私有工作流定制

免费技能或插件可能存在安全风险，如需更匹配、更安全的方案，建议联系付费定制

了解定制服务