Full-Stack App Generator

App builder

by davila7 · MIT license · ★ 32,299 on GitHub

Main application building orchestrator. Creates full-stack applications from natural language requests.

---
name: app-builder
description: Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.
allowed-tools: Read, Write, Edit, Glob, Grep, Bash, Agent
---

# 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 |

Overview

Read ONLY files relevant to the request! Check the content map, find what you need.

Manual install (npx, ZIP)

Claude Codenpx skills add davila7/claude-code-templates --skill app-builder -g -a claude-code

Claude Code (degit)

npx degit davila7/claude-code-templates/cli-tool/components/skills/business-marketing/app-builder#main ~/.claude/skills/app-builder

Claude.ai / desktopZip the folder and upload it under Settings → Capabilities → Skills.

Codex, Cursor, other agentsPoint them at SKILL.md. The other files are plain text.

Connects with Agent Alley MCP · agentalley.io/mcp

Files included

SKILL.md3.1 KB

Read SKILL.md here

davila7/main1 file shown

SKILL.md3.1 KB

Browse every file on GitHub↗

SKILL.md

Show the full text76 lines

app-builder/SKILL.md76 lines · 3.1 KB

PreviewCode

Outline

RawView on GitHub

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

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

1	---
2	name: app-builder
3	description: Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.
4	allowed-tools: Read, Write, Edit, Glob, Grep, Bash, Agent
5	---
6
7	# App Builder - Application Building Orchestrator
8
9	> Analyzes user's requests, determines tech stack, plans structure, and coordinates agents.
10
11	## 🎯 Selective Reading Rule
12
13	Read ONLY files relevant to the request! Check the content map, find what you need.
14
15	\| File \| Description \| When to Read \|
16	\|------\|-------------\|--------------\|
17	\| `project-detection.md` \| Keyword matrix, project type detection \| Starting new project \|
18	\| `tech-stack.md` \| 2025 default stack, alternatives \| Choosing technologies \|
19	\| `agent-coordination.md` \| Agent pipeline, execution order \| Coordinating multi-agent work \|
20	\| `scaffolding.md` \| Directory structure, core files \| Creating project structure \|
21	\| `feature-building.md` \| Feature analysis, error handling \| Adding features to existing project \|
22	\| `templates/SKILL.md` \| Project templates \| Scaffolding new project \|
23
24	---
25
26	## 📦 Templates (13)
27
28	Quick-start scaffolding for new projects. Read the matching template only!
29
30	\| Template \| Tech Stack \| When to Use \|
31	\|----------\|------------\|-------------\|
32	\| [nextjs-fullstack](templates/nextjs-fullstack/TEMPLATE.md) \| Next.js + Prisma \| Full-stack web app \|
33	\| [nextjs-saas](templates/nextjs-saas/TEMPLATE.md) \| Next.js + Stripe \| SaaS product \|
34	\| [nextjs-static](templates/nextjs-static/TEMPLATE.md) \| Next.js + Framer \| Landing page \|
35	\| [nuxt-app](templates/nuxt-app/TEMPLATE.md) \| Nuxt 3 + Pinia \| Vue full-stack app \|
36	\| [express-api](templates/express-api/TEMPLATE.md) \| Express + JWT \| REST API \|
37	\| [python-fastapi](templates/python-fastapi/TEMPLATE.md) \| FastAPI \| Python API \|
38	\| [react-native-app](templates/react-native-app/TEMPLATE.md) \| Expo + Zustand \| Mobile app \|
39	\| [flutter-app](templates/flutter-app/TEMPLATE.md) \| Flutter + Riverpod \| Cross-platform mobile \|
40	\| [electron-desktop](templates/electron-desktop/TEMPLATE.md) \| Electron + React \| Desktop app \|
41	\| [chrome-extension](templates/chrome-extension/TEMPLATE.md) \| Chrome MV3 \| Browser extension \|
42	\| [cli-tool](templates/cli-tool/TEMPLATE.md) \| Node.js + Commander \| CLI app \|
43	\| [monorepo-turborepo](templates/monorepo-turborepo/TEMPLATE.md) \| Turborepo + pnpm \| Monorepo \|
44
45	---
46
47	## 🔗 Related Agents
48
49	\| Agent \| Role \|
50	\|-------\|------\|
51	\| `project-planner` \| Task breakdown, dependency graph \|
52	\| `frontend-specialist` \| UI components, pages \|
53	\| `backend-specialist` \| API, business logic \|
54	\| `database-architect` \| Schema, migrations \|
55	\| `devops-engineer` \| Deployment, preview \|
56
57	---
58
59	## Usage Example
60
61	```
62	User: "Make an Instagram clone with photo sharing and likes"
63
64	App Builder Process:
65	1. Project type: Social Media App
66	2. Tech stack: Next.js + Prisma + Cloudinary + Clerk
67	3. Create plan:
68	├─ Database schema (users, posts, likes, follows)
69	├─ API routes (12 endpoints)
70	├─ Pages (feed, profile, upload)
71	└─ Components (PostCard, Feed, LikeButton)
72	4. Coordinate agents
73	5. Report progress
74	6. Start preview
75	```
76