app-builder

Orchestrates full-stack application scaffolding from natural language requests using project templates and specialist agents.

Updated Apr 4, 2026
One-click install
npx skills add https://github.com/juanjo-zurich/juarvis-v4 --skill app-builder-juanjo-zurich
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: app-builder
Source: https://github.com/juanjo-zurich/juarvis-v4/tree/main/plugins/feature-dev/skills/app-builder
Command: npx skills add https://github.com/juanjo-zurich/juarvis-v4 --skill app-builder-juanjo-zurich

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building a new application from scratch requires choosing a tech stack, designing a directory structure, and coordinating many implementation steps. This Skill automates that process by detecting the project type from a natural language request, selecting an appropriate stack, and coordinating specialist agents to produce a working codebase. ## Core Features & Use Cases - Project Type Detection: Maps keywords in the user's request (e.g., blog, e-commerce, mobile, CLI) to one of 13 project templates covering Next.js, Nuxt, Express, FastAPI, Flutter, Electron, Chrome extensions, and more. - Multi-Agent Coordination: Runs a defined pipeline of specialist agents (project planner, database architect, backend/frontend specialists, security auditor, DevOps engineer) with mandatory plan-verification checkpoints. - Feature Building: Analyzes existing projects to plan and apply incremental changes with error handling and rollback strategies. - Use Case: A user says "Make an Instagram clone with photo sharing and likes" and the Skill detects a social media app, selects Next.js + Prisma + Cloudinary, creates a task plan, and coordinates agents to build the schema, API routes, pages, and components. ## Quick Start Ask the agent to build a new application, for example: create a SaaS subscription app with Stripe payments and user authentication.

Frequently Asked Questions about app-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a new full-stack app from a text description?▼

Describe the application in natural language, such as "create an e-commerce store with cart and payments". The Skill matches keywords to a project type, selects a template like nextjs-saas, creates a plan file, and coordinates agents to build the schema, API, and UI.

What project templates are available for app scaffolding?▼

There are 13 templates: nextjs-fullstack, nextjs-saas, nextjs-static, nuxt-app, express-api, python-fastapi, react-native-app, flutter-app, electron-desktop, chrome-extension, cli-tool, monorepo-turborepo, and astro-static. Each defines its own tech stack, directory structure, and setup steps.

How does the multi-agent coordination pipeline work?▼

A project planner agent first creates a mandatory plan file in the project root. After a verification checkpoint confirms the file exists, database, backend, and frontend specialists run in sequence, followed by optional parallel security and test agents, and finally a DevOps agent for deployment.

Can I add features to an existing project instead of starting fresh?▼

Yes. The feature-building workflow analyzes the existing codebase, produces a change plan covering database, backend, and frontend modifications, presents it for approval, then applies changes with error handling and rollback if something fails.

What is the default tech stack for new web applications?▼

The default 2026 stack is Next.js 16 with TypeScript, Tailwind CSS v4, React 19 Server Components, PostgreSQL with Prisma or Drizzle, and Auth.js v5 or Clerk for authentication. Alternatives are documented for payments, email, search, and file storage.