# Frontend Implementation Prompt Template

Use this prompt structure for frontend development:

```
Read features/INDEX.md and the feature spec at features/PROJ-X-feature-name.md.
Implement the UI components.

Focus on:
- Component structure (React/Vue components)
- State management
- Form handling and validation
- Responsive design
- Accessibility (a11y)
- Integration with backend API

Write tests co-located next to source files (e.g., LoginForm.test.tsx next to LoginForm.tsx).
Follow the coding rules in .opencode/rules/frontend.md or .codex/config/project.md.
```

Example:
```
<codex|opencode> exec "Read features/PROJ-1-login.md. Build the login form component: email/password inputs, validation, submit handler, error display. Use shadcn/ui components. Write tests."
```