← All skills
Tencent SkillHub Β· Developer Tools

App Builder

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.

skill openclawclawhub Free
0 Downloads
0 Stars
0 Installs
0 Score
High Signal

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.

⬇ 0 downloads β˜… 0 stars Unverified but indexed

Install for OpenClaw

Quick setup
  1. Download the package from Yavira.
  2. Extract the archive and review SKILL.md first.
  3. Import or place the package into your OpenClaw setup.

Requirements

Target platform
OpenClaw
Install method
Manual import
Extraction
Extract archive
Prerequisites
OpenClaw
Primary doc
SKILL.md

Package facts

Download mode
Yavira redirect
Package format
ZIP package
Source platform
Tencent SkillHub
What's included
SKILL.md

Validation

  • Use the Yavira download entry.
  • Review SKILL.md after the package is downloaded.
  • Confirm the extracted package contains the expected setup assets.

Install with your agent

Agent handoff

Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.

  1. Download the package from Yavira.
  2. Extract it into a folder your agent can access.
  3. Paste one of the prompts below and point your agent at the extracted folder.
New install

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.

Upgrade existing

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.

Trust & source

Release facts

Source
Tencent SkillHub
Verification
Indexed source record
Version
1.0.0

Documentation

ClawHub primary doc Primary doc: SKILL.md 7 sections Open source page

App Builder

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/<app-name>. Before making changes, read AGENTS.md in the repo root; also read ~/apps/<app-name>/AGENTS.md if it exists. For now, always push to main. Every app must be: pushed to GitHub deployed on Vercel

Workflow: create a new app

Pick an app folder name Ensure ~/apps exists. The project will end up at ~/apps/<app-name>. 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 <app-name> --next --codex --app <appId> --token <token> Initialise git + GitHub repo (if needed) From ~/apps/<app-name>: git init (if not already) git add -A && git commit -m "Init" (if needed) gh repo create <repo-name> --private --source . --remote origin --push Use --public if the user requests. Vercel: create/link project and deploy From ~/apps/<app-name>: 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 "<clear message>" git push -u origin main Deploy update vercel --prod

Workflow: edit an existing app

cd ~/apps/<app-name> 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.

Category context

Code helpers, APIs, CLIs, browser automation, testing, and developer operations.

Source: Tencent SkillHub

Largest current source with strong distribution and engagement signals.

Package contents

Included in package
1 Docs
  • SKILL.md Primary doc