Feature Implementation
Implement the feature: $ARGUMENTS
Workflow
- •Clarify requirements if unclear - use AskUserQuestion
- •Explore existing patterns - Use Task(Explore) to find similar features
- •Plan approach:
- •Server vs Client Components?
- •Database changes needed?
- •API routes required?
- •Delegate reviews:
- •Task(nextjs-architect) for routing/data fetching
- •Task(ui-engineer) for component composition
- •Task(typescript-guardian) for type boundaries
- •Implement following:
- •Server Components by default
- •Zod only at API boundaries
- •Tailwind utilities (no custom CSS)
- •Semantic HTML + ARIA
- •Pre-commit checklist:
- • No unnecessary 'use client'
- • Zod only at boundaries
- • Tailwind utilities used
- • Accessibility verified
- • Mobile responsive
- • No security vulnerabilities
- •Create semantic commit - DO NOT push without asking
Reference: vercel-react-best-practices, web-design-guidelines, supabase-postgres-best-practices