shinpr

Create frontend work plan from design document and obtain plan approval

Add integration/E2E tests to existing codebase using Design Docs

Adjust an already-implemented UI in-session with verification against the design source

React/TypeScript frontend development rules including type safety, component design, state management, and error handling. Use when implementing React components, TypeScript code, or frontend features.

Orchestrate the complete implementation lifecycle from requirements to deployment

Execute frontend implementation in autonomous execution mode

Captures and persists access methods for resources outside the repository (design source, design system, API schema, IaC source, secret store) so downstream work can reach them deterministically. Use when work depends on external resources, or when the user mentions design source, design system, API schema, IaC source, secret store, or canonical source.

Execute from codebase analysis to frontend design document creation

Performs metacognitive task analysis and skill selection. Use when determining task complexity, selecting appropriate skills, or estimating work scale.

Language-agnostic testing principles including TDD, test quality, coverage standards, and test design patterns. Use when writing tests, designing test strategies, or reviewing test quality.

Language-agnostic coding principles for maintainability, readability, and quality. Use when implementing features, refactoring code, or reviewing code quality.

Execute frontend implementation in autonomous execution mode