Skip to content

New App Builder

Guides the agent through building a new app, website, game, or CLI from scratch, end to end.

Stars
28,880
Licence
Apache-2.0
Files
1 file

What it does

When you ask the agent to create something new, such as a website, game, mobile app, command-line tool, or library, this skill makes it follow a structured process: first it asks clarifying questions, then proposes a plan and waits for your approval, then scaffolds the project and writes the code, and finally checks that it builds without errors and gives you instructions to run it. It also sets default technology choices (for example React for websites, Python or Go for CLIs) when you don't specify any, and asks for placeholder visuals so the prototype looks complete.

Great for

  • Developers who want a working first prototype quickly from a single request
  • Students or hobbyists starting a small web, game, or CLI project without a set tech stack
  • Teams that want the agent to follow a consistent requirements-plan-build-verify workflow

Skip it if

  • Editing or extending an existing codebase, since the workflow is designed for greenfield projects (the agent may overwrite or restructure existing work if misapplied)
  • Production systems that need security review, testing strategy, or deployment planning, which this skill does not cover
  • Users who want the agent to build immediately without review, since it requires approval of the plan before implementation

Try asking

  • “Create a simple React website for a bakery with a menu page and contact form”
  • “Build a 2D browser game of a breakout-style paddle and ball”
  • “Make a Python command-line tool that converts CSV files to JSON”
  • “Start a Flutter mobile app prototype for tracking daily habits”
Step-by-step guide: how to use New App BuilderInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 1 original files, the Apache-2.0 licence and an attribution note.

    new-app.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip new-app.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip new-app.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Give a clear description of the app type, main features, and any required technologies up front so the agent asks fewer questions.
  • Read the proposed plan carefully before approving, since the agent will follow it closely.
  • Review the generated code and run the build yourself, and check which placeholder assets were used so you can replace them later.

What's inside

  • SKILL.md

Redistributed unmodified from QwenLM/qwen-code under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.