What problem does it solve? Building a full-stack application involves dozens of architectural decisions—project structure, error handling, auth, API clients, real-time features—and getting them wrong early leads to costly rewrites. This Skill provides a structured workflow and production-grade patterns so backend services and frontend integrations are built correctly from the start. ## Core Features & Use Cases - Mandatory Step-by-Step Workflow: Enforces requirements gathering, architectural decisions, scaffolding checklists, implementation, and verification before any code is written. - Backend Architecture Patterns: Covers feature-first project structure, three-layer architecture (Controller/Service/Repository), typed error hierarchies, centralized config, structured logging, and database access with migrations and N+1 prevention. - Frontend-Backend Integration: Provides API client patterns (typed fetch, React Query, tRPC, OpenAPI codegen), JWT auth with automatic token refresh, CORS configuration, file uploads, and real-time options (SSE, WebSocket, polling). - Use Case: When asked to build a CRUD app with Express and React, the Skill walks through stack decisions, scaffolds the service with health checks and graceful shutdown, sets up a typed API client with auth token refresh, and verifies the integration with smoke tests. ## Quick Start Ask the assistant to scaffold a full-stack todo app with an Express backend and React frontend following the fullstack-dev workflow.
