What problem does it solve? Building features that span frontend and backend often leads to inconsistent validation, missing authorization checks, and security gaps between layers. This Skill enforces a three-perspective workflow (Frontend, Backend, Security) so every feature ships with authentication, input validation, output encoding, and parameterized queries addressed at each layer. ## Core Features & Use Cases - Three-Perspective Design: Produces a technical design document covering UI components, API endpoints, and security controls before any code is written. - Layered Security Enforcement: Applies a per-feature security checklist covering auth, authorization, rate limiting, input sanitization, and audit logging. - End-to-End Implementation Guidance: Provides reference patterns for CRUD flows, REST/GraphQL API design, error handling, real-time features, microservices, caching, and CI/CD deployment. - Use Case: When adding an authenticated user profile endpoint with a corresponding React form, the Skill generates the backend route with parameterized queries and scoped responses, the frontend component with client-side guards, and the security notes explaining authorization boundaries. ## Quick Start Ask the agent to implement a new full-stack feature, such as an authenticated CRUD API with a corresponding form UI, and request that it follow the security checklist before writing code.
