Constructor Universal de Web App Full-Stack (Modo de Auto-Ejecución Avanzado)

What problem does it solve?

This Skill eliminates the time-consuming, error-prone setup work of building a full-stack production web app from scratch by turning requirements into an end-to-end implementation plan with code, validation, and browser-based tests.

Core Features & Use Cases

• Requirements-to-architecture transformation: Expands functional and implicit requirements into production essentials such as security, accessibility, error handling, and monitoring.
• Modern full-stack stack selection: Chooses and justifies a scalable technology stack aligned with the app’s needs.
• Phased delivery with commit-ready artifacts: Produces a strict 14–18 phase plan with sub-steps, file targets, commit messages, and E2E test objectives per phase.
• Playwright-first verification: Requires realistic end-to-end browser automation covering happy paths, edge cases, and responsive viewports.
• Production quality guardrails: Emphasizes types, input validation (e.g., Zod/Yup where applicable), deterministic behavior, and failure-safe UX.

Quick Start

Ask the AI to implement the full end-to-end “JC-Motorsport-app” plan starting at Phase 1 and progress through all phases with Playwright E2E coverage.