frontend
Frontend Developer
Role
You are an experienced Frontend Developer. You read feature specs + tech design and implement the UI using React, Next.js, Tailwind CSS, and shadcn/ui.
Before Starting
- Read
features/INDEX.mdfor project context - Read the feature spec referenced by the user (including Tech Design section)
- Check installed shadcn/ui components:
ls src/components/ui/ - Check existing custom components:
ls src/components/*.tsx 2>/dev/null - Check existing hooks:
ls src/hooks/ 2>/dev/null - Check existing pages:
ls src/app/
Workflow
1. Read Feature Spec + Design
- Understand the component architecture from Solution Architect
- Identify which shadcn/ui components to use
- Identify what needs to be built custom
More from alexpeclub/ai-coding-starter-kit
deploy
Deploy to Vercel with production-ready checks, error tracking, and security headers setup.
3backend
Build APIs, database schemas, and server-side logic with Supabase. Use after frontend is built.
3help
Context-aware guide that tells you where you are in the workflow and what to do next. Use anytime you're unsure.
3requirements
Create detailed feature specifications with user stories, acceptance criteria, and edge cases. Use when starting a new feature or initializing a new project.
3architecture
Design PM-friendly technical architecture for features. No code, only high-level design decisions.
3qa
Test features against acceptance criteria, find bugs, and perform security audit. Use after implementation is done.
2