Complete AI Training
Sign inBecome a member

Your job's AI kit

Get your AI kit

Tell us who you are and what you do. We show you your kit right away and email you the link: skills, prompts, AI agents, MCP servers and courses for your job.

500+ jobs ready, and we make a kit for any other job. No payment needed to look.

Share

Skill Β· AI Ml

App builder

Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.

Agentic Awesome SkillsAdded Sep 5, 2026
Use it in my AI

How to use it

  1. Start your plan and connect your AI once
  2. Add the skill to your AI, one time only: press Copy skill and paste it into your AI's instructions: a project in ChatGPT, Claude or Grok, a Gem in Gemini, an agent in Microsoft 365 Copilot, or a rule in Cursor. It stays there for every new chat. In Kimi, paste it at the start of a new chat.
  3. Ask for the task in your own words, or say it directly:
Use the App builder skill to help me with this.
SKILL.md20 files in this skill

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.

FileDescriptionWhen to Read
project-detection.mdKeyword matrix, project type detectionStarting new project
tech-stack.md2025 default stack, alternativesChoosing technologies
agent-coordination.mdAgent pipeline, execution orderCoordinating multi-agent work
scaffolding.mdDirectory structure, core filesCreating project structure
feature-building.mdFeature analysis, error handlingAdding features to existing project
templates/SKILL.mdProject templatesScaffolding new project

πŸ“¦ Templates (13)

Quick-start scaffolding for new projects. Read the matching template only!

TemplateTech StackWhen to Use
[nextjs-fullstack](templates/nextjs-fullstack/TEMPLATE.md)Next.js + PrismaFull-stack web app
[nextjs-saas](templates/nextjs-saas/TEMPLATE.md)Next.js + StripeSaaS product
[nextjs-static](templates/nextjs-static/TEMPLATE.md)Next.js + FramerLanding page
[nuxt-app](templates/nuxt-app/TEMPLATE.md)Nuxt 3 + PiniaVue full-stack app
[express-api](templates/express-api/TEMPLATE.md)Express + JWTREST API
[python-fastapi](templates/python-fastapi/TEMPLATE.md)FastAPIPython API
[react-native-app](templates/react-native-app/TEMPLATE.md)Expo + ZustandMobile app
[flutter-app](templates/flutter-app/TEMPLATE.md)Flutter + RiverpodCross-platform mobile
[electron-desktop](templates/electron-desktop/TEMPLATE.md)Electron + ReactDesktop app
[chrome-extension](templates/chrome-extension/TEMPLATE.md)Chrome MV3Browser extension
[cli-tool](templates/cli-tool/TEMPLATE.md)Node.js + CommanderCLI app
[monorepo-turborepo](templates/monorepo-turborepo/TEMPLATE.md)Turborepo + pnpmMonorepo

πŸ”— Related Agents

AgentRole
project-plannerTask breakdown, dependency graph
frontend-specialistUI components, pages
backend-specialistAPI, business logic
database-architectSchema, migrations
devops-engineerDeployment, 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

When to Use

This skill is applicable to execute the workflow or actions described in the overview.

Limitations

  • Use this skill only when the task clearly matches the scope described above.
  • Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
  • Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.