implement-feature - Implement UI Features in Mock App
End-to-end workflow for implementing UI-driven mock features with data models, reusable components, and automated testing.
Tags
Updated: 2026-03-22Capabilities
Typical Inputs
Typical Outputs
What this skill does
- clarify feature requirements
- update data model
- generate sample data
- check component registry
- extract reusable components
- create storybook stories
- select UI pattern
- build pages
- create components
- update mock API handlers
- verify feature
- run E2E tests
- verify responsive design
- update component registry
- generate test suite
Inputs
- component registry
- feature specification
- data model
- mock app context
Outputs
- new page
- UI component
- sample data
- test suite
- updated registry
Requirements
- mock app
- Playwright MCP
- Storybook
- Zod schemas