app-builder | Skill Performance & Reviews | TopRankSkills

TopRank Skills

Home / Skills / tools / app-builder

app-builder

maintained by whodaniel

star 2 account_tree 0 verified_user MIT License
bolt View GitHub

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

chat Comments (0)

chat_bubble_outline

No comments yet. Be the first to share your thoughts!

Skill Details

GitHub Stars 2
GitHub Forks 0
Created Jan 2026
Last Updated 5个月前
tools tools productivity tools

Related Skills

ui-ux-pro-max
chevron_right
planning-with-files
chevron_right
agent-browser
chevron_right
biomni
chevron_right
building-agents
chevron_right

Build your own?

Join 12,000+ developers contributing to the Claude ecosystem.