What problem does it solve? Full-stack features often ship with security gaps because frontend, backend, and security concerns are handled separately. This Skill enforces a three-perspective workflow so every feature addresses authentication, authorization, input validation, and output encoding across all layers before code is written. ## Core Features & Use Cases - Three-Perspective Design: Generates technical design documents covering Frontend, Backend, and Security concerns for every feature, with a mandatory security checklist checkpoint before coding. - Layered Implementation Guidance: Provides reference patterns for REST/GraphQL API design, CRUD flows, form handling, WebSocket real-time features, microservices, message queues, and database optimization. - Architecture Decision Support: Includes decision matrices for framework selection, monolith vs microservices, REST vs GraphQL, JWT vs sessions, and caching strategies. - Use Case: When building an authenticated user profile API with a React form, the Skill produces the backend endpoint with parameterized queries and ownership checks, the frontend component with validation and error handling, plus security notes on rate limiting and response filtering. ## Quick Start Ask the agent to implement a new full-stack feature, such as an authenticated CRUD endpoint with a corresponding UI form, and it will produce the design document, backend code, frontend code, and security notes.
