App Builder

Name: App Builder
Availability: InStock
Author: stopachka

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, f

Join 0+ developers using this skill

skill

Development & Code Tools

intermediate

0 installs

View Source

Last updated: April 23, 2026

AI Skill Market Insights

Real data. Real impact.

Popularity

Rising

Emerging

Active Users

Developers

Quick Start

Manual Installation

No automatic installation available. Please visit the source repository for installation instructions.

View Installation Instructions

TEAR & SHARE

3-5hrs/WK

RISING

0.0K+ USING

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:
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/<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.

App Builder

AI Skill Market Insights

Quick Start

Manual Installation

TEAR & SHARE

Tags

GitHub MCP Server

Be Part of the 0+ Developer Community

App Builder

Ground rules

Workflow: create a new app

Workflow: edit an existing app

Environment variables (.env)

Notes / guardrails

Communicating

Pal MCP Server

using-git-worktrees

finishing-a-development-branch

test-driven-development

Channels

Learn

Compare

Company

Agents