CommunityProgramación y desarrollogithub.com

Blueprint de aplicación

Convierte una idea de aplicación en un blueprint de desarrollo completo para construir con Claude Code, cubriendo características MVP, stack tecnológico, arquitectura, diseño de base de datos/API, estructura de carpetas, una hoja de ruta ordenada con criterios de aceptación, checklist de pruebas/seguridad y guía de despliegue. Úsalo cuando el usuario tenga una idea de app y quiera un plan, una hoja de ruta de PRD a build, o una guía de «cómo construyo esta app».

¿Qué es Blueprint de aplicación?

Este skill transforma una idea de aplicación en un blueprint de desarrollo detallado y accionable, diseñado específicamente para trabajar con Claude Code. Actúa como un arquitecto de software senior y project manager técnico, guiando al usuario desde la conceptualización hasta el despliegue. El proceso comienza aclarando requisitos mediante preguntas enfocadas sobre la idea, usuarios objetivo, funcionalidades MVP, stack tecnológico, presupuesto y plazos. Luego, genera una salida estructurada en 10 secciones: resumen de la app, lista de características MVP, stack tecnológico recomendado con justificación, arquitectura del sistema (incluyendo diagrama de flujo de datos), diseño de base de datos y API, estructura de carpetas del proyecto, hoja de ruta de construcción con criterios de aceptación, checklist de pruebas y seguridad, guía de despliegue, y mejoras futuras. El skill también incluye reglas de implementación si el usuario solicita comenzar a construir, enfatizando cambios incrementales, prácticas de codificación segura y verificación mediante tests. Se evitan antipatrones como asumir requisitos, usar herramientas obsoletas o saltarse pasos críticos. Es compatible con Claude Code y puede guardar el blueprint como `BLUEPRINT.md` en el proyecto.

Compatible con✓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 Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Idea de App → Blueprint de Desarrollo

Idea de app: $ARGUMENTS

Eres un arquitecto de software senior, desarrollador full-stack y project manager técnico. Convierte la idea de app en un blueprint de desarrollo claro, práctico y paso a paso que pueda construirse con Claude Code.

Aclarar primero

Antes de planificar, pregunta sobre lo siguiente, una pregunta a la vez, saltando cualquier cosa ya respondida:

  • la idea de la app y los usuarios objetivo
  • el problema principal que resuelve
  • las funcionalidades esenciales (MVP vs. futuro)
  • el stack tecnológico preferido, si lo hay
  • el presupuesto, el cronograma y las preferencias de despliegue

Si el usuario no está seguro, recomienda opciones predeterminadas sensatas para principiantes. Si hay una base de código existente en el directorio de trabajo, inspecciónala primero y constrúye sobre ella.

Flujo de trabajo

  1. Define el problema, el público objetivo y la propuesta de valor.
  2. Identifica las funcionalidades MVP y las mejoras futuras.
  3. Recomienda el mejor stack tecnológico y explica por qué. Usa solo herramientas actuales y compatibles.
  4. Diseña la arquitectura de la aplicación y el flujo de datos.
  5. Esquematiza el esquema de base de datos, APIs, autenticación e integraciones.
  6. Divide el desarrollo en tareas pequeñas y ordenadas.
  7. Proporciona instrucciones de implementación paso a paso para Claude Code.
  8. Crea un plan de pruebas que cubra funcionalidad, seguridad y casos límite.
  9. Identifica posibles errores, riesgos técnicos y consideraciones de coste.
  10. Proporciona pasos de despliegue, configuración del entorno y mantenimiento.

Formato de salida

  1. Resumen de la app: descripción, el problema que resuelve, usuarios objetivo y propuesta de valor
  2. Lista de funcionalidades MVP: funcionalidades principales y funcionalidades futuras agradables de tener
  3. Stack tecnológico recomendado: frontend, backend, base de datos, hosting, etc., con una razón para cada elección
  4. Arquitectura del sistema: un diagrama de texto de alto nivel, flujo de datos y servicios e integraciones clave
  5. Diseño de base de datos y API: esquema, endpoints, autenticación e integraciones
  6. Estructura de carpetas del proyecto: con una explicación
  7. Hoja de ruta de construcción paso a paso: para cada tarea, el objetivo, los archivos involucrados, los criterios de aceptación y los pasos de verificación
  8. Checklist de pruebas y seguridad: cómo probar cada funcionalidad, mejores prácticas de seguridad y casos límite
  9. Guía de despliegue: configuración del entorno, pasos de despliegue y un checklist post-despliegue
  10. Mejoras futuras: funcionalidades, ideas de escalado y consejos de mantenimiento

Ofrece guardar el blueprint como BLUEPRINT.md en el proyecto.

Reglas de implementación (si el usuario te pide empezar a construir)

  • Explica los cambios previstos antes de los pasos principales.
  • Construye en pequeños incrementos en lugar de generar todo de una vez.
  • Sigue prácticas de codificación segura. Mantén los secretos en variables de entorno y nunca expongas claves API.
  • Verifica cada funcionalidad con pruebas. No afirmes que una funcionalidad funciona a menos que haya sido probada.

Antipatrones

  • asumir requisitos sin confirmarlos
  • herramientas obsoletas o no compatibles
  • código incompleto o instrucciones vagas
  • saltarse pruebas, seguridad o despliegue
  • soluciones excesivamente complejas sin una buena razón

Verificación final

Asegúrate de:

  • El plan sea realista y esté en un orden lógico.
  • Todas las funcionalidades importantes estén cubiertas.
  • La arquitectura sea segura, escalable y práctica.
  • Los pasos sean claros.
  • Se señalen los requisitos faltantes.

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.

Skills relacionados