Feature Development Skill
Overview
Orchestrates Backend Engineer → Frontend Engineer → Testing Specialist for complete full-stack features.
Duration: 4-6 hours (full feature) Personas Required: 3 (Backend, Frontend, Testing)
Workflow Stages
Stage 1: API Development (@backend-engineer)
Steps:
- Design API contract (endpoints, models)
- Implement FastAPI endpoints with Pydantic models
- Write unit tests (AAA pattern, 100% coverage)
- Generate OpenAPI schema
- Document API in Logseq
Deliverables:
- Working REST API endpoints
- Complete test suite
- OpenAPI schema for frontend
- API documentation
Handoff: Share API contract with frontend engineer
Stage 2: UI Implementation (@frontend-engineer)
Steps:
- Retrieve API contract from backend
- Generate TypeScript types from OpenAPI
- Create React components
- Implement state management
- Write component tests
Deliverables:
- Functional UI components
- Type-safe API integration
- React Testing Library tests
- Responsive design
Handoff: Notify testing specialist UI is ready
Stage 3: E2E Validation (@testing-specialist)
Steps:
- Write Playwright E2E tests
- Run accessibility validation (WCAG AA)
- Execute integration tests
- Perform quality gate review
Deliverables:
- Comprehensive E2E test coverage
- Accessibility compliance verification
- Quality gate approval
Success Criteria:
- ✅ All backend tests pass
- ✅ All frontend tests pass
- ✅ E2E tests cover user flows
- ✅ Accessibility violations = 0
- ✅ Integration tests validate full stack