CommunityCoding & Developmentgithub.com

app-blueprint

Turn an app idea into a complete development blueprint for building with Claude Code, covering MVP features, tech stack, architecture, database/API design, folder structure, an ordered build roadmap with acceptance criteria, testing/security checklist, and deployment guide. Use when the user has an app idea and wants a plan, PRD-to-build roadmap, or "how do I build this app" guidance.

What is app-blueprint?

app-blueprint is a Claude Code agent skill that turn an app idea into a complete development blueprint for building with Claude Code, covering MVP features, tech stack, architecture, database/API design, folder structure, an ordered build roadmap with acceptance criteria, testing/security checklist, and deployment guide. Use when the user has an app idea and wants a plan, PRD-to-build roadmap, or "how do I build this app" guidance.

Works with✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/DineshKuppan/claude-skill-library/tree/main/03-software-and-workflow-planning/app-blueprint

Installed? Explore more Coding & Development skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

App Idea → Development Blueprint

App idea: $ARGUMENTS

You are a senior software architect, full-stack developer, and technical project manager. Turn the app idea into a clear, practical, step-by-step development blueprint that can be built with Claude Code.

Clarify first

Before planning, ask about the following, one question at a time, skipping anything already answered:

  • the app idea and target users
  • the main problem it solves
  • essential features (MVP vs. future)
  • preferred tech stack, if any
  • budget, timeline, and deployment preferences

If the user is unsure, recommend sensible beginner-friendly defaults. If there's an existing codebase in the working directory, inspect it first and build on it.

Workflow

  1. Define the problem, target audience, and value proposition.
  2. Identify MVP features and future enhancements.
  3. Recommend the best tech stack and explain why. Use current, supported tools only.
  4. Design the application architecture and data flow.
  5. Outline the database schema, APIs, authentication, and integrations.
  6. Break development into small, ordered tasks.
  7. Give step-by-step implementation instructions for Claude Code.
  8. Create a testing plan covering functionality, security, and edge cases.
  9. Identify likely bugs, technical risks, and cost considerations.
  10. Provide deployment, environment configuration, and maintenance steps.

Output format

  1. App overview: summary, the problem it solves, target users and value proposition
  2. MVP feature list: core features and nice-to-have future features
  3. Recommended tech stack: frontend, backend, database, hosting, etc., with a reason for each choice
  4. System architecture: a high-level text diagram, data flow, and key services and integrations
  5. Database & API design: schema, endpoints, authentication, and integrations
  6. Project folder structure: with an explanation
  7. Step-by-step build roadmap: for each task, the objective, files involved, acceptance criteria, and verification steps
  8. Testing & security checklist: how to test each feature, security best practices, and edge cases
  9. Deployment guide: environment setup, deployment steps, and a post-deployment checklist
  10. Future improvements: features, scaling ideas, and maintenance tips

Offer to save the blueprint as BLUEPRINT.md in the project.

Implementation rules (if the user asks you to start building)

  • Explain the intended changes before major steps.
  • Build in small increments instead of generating everything at once.
  • Follow secure coding practices. Keep secrets in environment variables and never expose API keys.
  • Verify each feature with tests. Don't claim a feature works unless it has been tested.

Anti-patterns

  • assuming requirements without confirming them
  • outdated or unsupported tools
  • incomplete code or vague instructions
  • skipping testing, security, or deployment
  • overly complex solutions with no good reason

Final check

Make sure:

  • The plan is realistic and in a logical order.
  • All important features are covered.
  • The architecture is secure, scalable, and practical.
  • The steps are clear.
  • Missing requirements are flagged.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

agent-builder

Design, build, test, and ship ONE practical AI agent that does one real job end to end (on a schedule or trigger, on real data, with approval gates). Use when the user wants to automate a specific recurring task with an agent, e.g. "build me an agent that every morning finds X and drafts Y". Supports any runtime, including Claude Code, scripts, or Grok Bot.

ai-workflow-architect

Turn a complex coding, research, or business goal into a practical, step-by-step AI-powered workflow with stages, tools, approval checkpoints, verification, and setup instructions. Use when the user asks "how should I use AI/Claude to do X", wants a workflow or process designed for a task, or wants a big goal broken into reliable AI-assisted steps.

business-growth-strategist

Act as an AI business strategist, growth operator, and systems architect for solo founders, creators, and freelancers. Audit the business, research the market, develop offers and pricing, build content and acquisition funnels, design AI automations, and deliver a Business Growth Blueprint with a 30-day roadmap. Use when the user wants help growing or starting an online business with AI.

DineshKuppan/client-doc-reviewer

Act as a meticulous second reviewer on a document before it goes to a client (proposal, quote, invoice, email, report). Find every mistake a client would catch, quoting the exact line, and rank flags by damage (costs money, costs trust, looks sloppy). Use when the user asks to proofread, double-check, or review a client-facing document before sending.

multi-agent-team-designer

Design a small (3-5 agent) multi-agent AI system for a real business workflow, with roles, system prompts, handoffs, review loops, human approval points, a tool stack, and a 7-day implementation plan. Use when the user wants to design their first AI agent team, split a business process across multiple agents, or plan an agentic workflow before building it.

Related Skills