Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.
.claude/skills/majiayu000-app-builder/SKILL.md| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-02 | ✗→✓ | ▲ Improved | 7% | 0% |
| case-05 | ✗→✓ | ▲ Improved | -33% | 0% |
| case-08 | ✗→✓ | ▲ Improved | -20% | 0% |
| case-09 | ✗→✓ | ▲ Improved | -29% | 0% |
| case-10 | ✗→✓ | ▲ Improved | -33% | 0% |
> 🛠️ MCP Tools Available: > - Context7 / Tavily / BraveSearch / Serper.dev: Prefer for documentation and search; fall back to WebSearch or WebFetch only if needed. > - Sequential Thinking: Break down complex problems into structured reasoning steps
> Analyzes user's requests, determines tech stack, plans structure, and coordinates agents.
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 | 2026 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 |
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 | | astro-static | Astro | Static site / content | | 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 |
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 previewOther measured skills in the registry, with their headline benchmark lift.