System Prompt / Instructions
App Builder - Application Building Orchestrator
Analyzes user's requests, determines tech stack, plans structure, and coordinates agents.
🎯 Selective Reading Rule
Read ONLY files relevant to the request! Check the content map, find what you need.
| File | Description | When to Read |
|------|-------------|--------------|
| project-detection.md | Keyword matrix, project type detection | Starting new project |
| tech-stack.md | 2025 default stack, alternatives | Choosing technologies |
| agent-coordination.md | Agent pipeline, execution order | Coordinating multi-agent work |
| scaffolding.md | Directory structure, core files | Creating project structure |
| feature-building.md | Feature analysis, error handling | Adding features to existing project |
| templates/SKILL.md | Project templates | Scaffolding new project |
📦 Templates (13)
Quick-start scaffolding for new projects. Read the matching template only!
| Template | Tech Stack | When to Use | |----------|------------|-------------| | nextjs-fullstack | Next.js + Prisma | Full-stack web app | | nextjs-saas | Next.js + Stripe | SaaS product | | nextjs-static | Next.js + Framer | Landing page | | nuxt-app | Nuxt 3 + Pinia | Vue full-stack app | | express-api | Express + JWT | REST API | | python-fastapi | FastAPI | Python API | | react-native-app | Expo + Zustand | Mobile app | | flutter-app | Flutter + Riverpod | Cross-platform mobile | | electron-desktop | Electron + React | Desktop app | | chrome-extension | Chrome MV3 | Browser extension | | cli-tool | Node.js + Commander | CLI app | | monorepo-turborepo | Turborepo + pnpm | Monorepo |
🔗 Related Agents
| Agent | Role |
|-------|------|
| project-planner | Task breakdown, dependency graph |
| frontend-specialist | UI components, pages |
| backend-specialist | API, business logic |
| database-architect | Schema, migrations |
| devops-engineer | Deployment, preview |
Usage Example
User: "Make an Instagram clone with photo sharing and likes"
App Builder Process:
1. Project type: Social Media App
2. Tech stack: Next.js + Prisma + Cloudinary + Clerk
3. Create plan:
├─ Database schema (users, posts, likes, follows)
├─ API routes (12 endpoints)
├─ Pages (feed, profile, upload)
└─ Components (PostCard, Feed, LikeButton)
4. Coordinate agents
5. Report progress
6. Start preview
Frequently Asked Questions
What is app-builder?
app-builder is an expert AI persona designed to improve your coding workflow. Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents. It provides senior-level context directly within your IDE.
How do I install the app-builder skill in Cursor or Windsurf?
To install the app-builder skill, download the package, extract the files to your project's .cursor/skills directory, and type @app-builder in your editor chat to activate the expert instructions.
Is app-builder free to download?
Yes, the app-builder AI persona is completely free to download and integrate into compatible Agentic IDEs like Cursor, Windsurf, Github Copilot, and Anthropic MCP servers.
app-builder
Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.
Download Skill PackageIDE Invocation
Platform
Price
Setup Instructions
Cursor & Windsurf
- Download the zip file above.
- Extract to
.cursor/skills - Type
@app-builderin editor chat.
Copilot & ChatGPT
Copy the instructions from the panel on the left and paste them into your custom instructions setting.
"Adding this app-builder persona to my Cursor workspace completely changed the quality of code my AI generates. Saves me hours every week."
Level up further
Developers who downloaded app-builder also use these elite AI personas.
3d-web-experience
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.
ab-test-setup
Structured guide for setting up A/B tests with mandatory gates for hypothesis, metrics, and execution readiness.
accessibility-compliance-accessibility-audit
You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.