LaunchKit · 2026
Back to Skills

Build, edit, and deploy Instant-backed apps using npx instant-cli, create-instant-app (Next.js + Codex), GitHub.

2
2.1k downloads
by @stopachka

Setup & Installation

openclaw skills install @stopachka/app-builder

Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:

npx clawhub install app-builder

What This Skill Does

Automates the full lifecycle of Instant-backed Next.js apps: scaffolding, pushing to GitHub, and deploying to Vercel. Handles both creating new apps and editing existing ones. All projects are stored under ~/apps.

Combines Instant initialization, Next.js scaffolding, GitHub repo creation, and Vercel deployment into one sequential workflow instead of running each tool separately.

When to use it

  • Scaffold a new Instant-backed Next.js app from scratch
  • Push a bug fix to an existing app and redeploy to production
  • Create a private GitHub repo for a new project
  • Add a feature to a running app and push to main
  • Set up Vercel environment variables after a first deploy

Example Workflow

Here's how your AI assistant might use this skill in practice.

INPUT

User asks: Build me a new todo app called my-todos

AGENT
  1. 1Run npx instant-cli init-without-files to obtain an appId and token
  2. 2Run npx create-instant-app my-todos --next --codex --app <appId> --token <token> inside ~/apps
  3. 3Initialize git and create a private GitHub repo with gh repo create
  4. 4Link the project to Vercel and deploy with vercel --prod
  5. 5Confirm the live URL and push any initial commits to main
OUTPUT

A live Next.js app backed by Instant, hosted on Vercel, with source code on GitHub

Requirements

Accounts, API keys, or tools you or your AI assistant may need to set up while using this skill.

GitHub accountVercel accountInstant accountGitHub CLI (gh)Vercel CLI