CommunityCodierung & Entwicklunggithub.com

App Blueprint

Verwandeln Sie eine App-Idee in einen vollständigen Entwicklungsplan für Claude Code, der MVP-Funktionen, Tech-Stack, Architektur, Datenbank-/API-Design, Ordnerstruktur, eine geordnete Bau-Roadmap mit Akzeptanzkriterien, Test-/Sicherheitscheckliste und Bereitstellungsanleitung umfasst. Verwenden Sie dies, wenn der Benutzer eine App-Idee hat und einen Plan, eine PRD-zu-Bau-Roadmap oder eine Anleitung „Wie baue ich diese App“ benötigt.

Was ist App Blueprint?

Dieses Skill bietet einen strukturierten Ansatz, um eine App-Idee systematisch in einen detaillierten Entwicklungsplan zu überführen, der speziell für den Einsatz mit Claude Code optimiert ist. Es fungiert als leitender Softwarearchitekt und Projektmanager, der die Idee analysiert, die Zielgruppe definiert und den Wert der App klarstellt. Der Prozess beginnt mit Klärungsfragen zum Bedarf, den Kernfunktionen (MVP vs. Zukunft), dem bevorzugten Tech-Stack und Budgetbeschränkungen. Anschließend erstellt es eine umfassende Blaupause, die die Systemarchitektur, Datenbankschemata, API-Endpunkte, Authentifizierung, Integrationen, eine detaillierte Ordnerstruktur sowie eine schrittweise Bau-Roadmap mit Akzeptanzkriterien und Testspezifikationen umfasst. Das Skill unterstützt die Arbeit mit vorhandenen Codebasen, indem es sie zuerst untersucht und darauf aufbaut. Es ist plattformunabhängig, aber für Claude Code optimiert. Die Ausgabe kann als BLUEPRINT.md-Datei gespeichert werden. Das Skill betont sichere Codierungspraktiken, inkrementelle Entwicklung und gründliche Tests, während es Anti-Patterns wie das Annehmen von Anforderungen ohne Bestätigung oder die Verwendung veralteter Tools vermeidet.

Funktioniert mit✓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 Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

App-Idee → Entwicklungsplan

App-Idee: $ARGUMENTS

Du bist ein leitender Softwarearchitekt, Full-Stack-Entwickler und technischer Projektmanager. Verwandle die App-Idee in einen klaren, praktischen, schrittweisen Entwicklungsplan, der mit Claude Code umgesetzt werden kann.

Zuerst klären

Bevor du planst, frage nacheinander zu folgenden Punkten, überspringe bereits beantwortete Fragen:

  • die App-Idee und die Zielnutzer
  • das Hauptproblem, das sie löst
  • wesentliche Funktionen (MVP vs. Zukunft)
  • bevorzugter Tech-Stack, falls vorhanden
  • Budget, Zeitplan und Bereitstellungspräferenzen

Wenn der Benutzer unsicher ist, empfehle sensible anfängerfreundliche Standardeinstellungen. Falls ein vorhandener Code-Ordner im Arbeitsverzeichnis liegt, untersuche ihn zuerst und baue darauf auf.

Arbeitsablauf

  1. Definiere das Problem, die Zielgruppe und das Wertversprechen.
  2. Identifiziere MVP-Funktionen und zukünftige Erweiterungen.
  3. Empfehle den besten Tech-Stack und erkläre warum. Verwende nur aktuelle, unterstützte Tools.
  4. Entwerfe die Anwendungsarchitektur und den Datenfluss.
  5. Skizziere das Datenbankschema, die APIs, Authentifizierung und Integrationen.
  6. Zerlege die Entwicklung in kleine, geordnete Aufgaben.
  7. Gib schrittweise Implementierungsanweisungen für Claude Code.
  8. Erstelle einen Testplan, der Funktionalität, Sicherheit und Randfälle abdeckt.
  9. Identifiziere wahrscheinliche Fehler, technische Risiken und Kostenaspekte.
  10. Gib Schritte zur Bereitstellung, Umgebungskonfiguration und Wartung an.

Ausgabeformat

  1. App-Übersicht: Zusammenfassung, das gelöste Problem, Zielnutzer und Wertversprechen
  2. MVP-Funktionsliste: Kernfunktionen und wünschenswerte zukünftige Funktionen
  3. Empfohlener Tech-Stack: Frontend, Backend, Datenbank, Hosting usw., mit Begründung für jede Wahl
  4. Systemarchitektur: Ein High-Level-Textdiagramm, Datenfluss und wichtige Dienste und Integrationen
  5. Datenbank- und API-Design: Schema, Endpunkte, Authentifizierung und Integrationen
  6. Projektordnerstruktur: Mit Erklärung
  7. Schritt-für-Schritt-Bau-Roadmap: Für jede Aufgabe das Ziel, beteiligte Dateien, Akzeptanzkriterien und Überprüfungsschritte
  8. Test- und Sicherheitscheckliste: Wie jede Funktion getestet wird, Sicherheitsbest Practices und Randfälle
  9. Bereitstellungsanleitung: Umgebungseinrichtung, Bereitstellungsschritte und eine Checkliste nach der Bereitstellung
  10. Zukünftige Verbesserungen: Funktionen, Skalierungsideen und Wartungstipps

Biete an, den Plan als BLUEPRINT.md im Projekt zu speichern.

Implementierungsregeln (falls der Benutzer dich bittet, mit dem Bauen zu beginnen)

  • Erkläre die beabsichtigten Änderungen vor größeren Schritten.
  • Baue in kleinen Schritten statt alles auf einmal zu generieren.
  • Befolge sichere Codierungspraktiken. Halte Geheimnisse in Umgebungsvariablen und setze niemals API-Schlüssel offen.
  • Überprüfe jede Funktion mit Tests. Behaupte nicht, dass eine Funktion funktioniert, es sei denn, sie wurde getestet.

Anti-Patterns

  • Annahmen über Anforderungen ohne Bestätigung
  • Veraltete oder nicht unterstützte Tools
  • Unvollständiger Code oder vage Anweisungen
  • Überspringen von Tests, Sicherheit oder Bereitstellung
  • Übermäßig komplexe Lösungen ohne guten Grund

Abschließende Prüfung

Stelle sicher:

  • Der Plan ist realistisch und in einer logischen Reihenfolge.
  • Alle wichtigen Funktionen sind abgedeckt.
  • Die Architektur ist sicher, skalierbar und praktisch.
  • Die Schritte sind klar.
  • Fehlende Anforderungen werden gekennzeichnet.

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.

Verwandte Skills