Phoenix Frontend Development
Composable rules for building UI in the Phoenix app. Before starting work, explore app/src/components/ and app/package.json to understand existing patterns, packages, and conventions — then follow these rules.
Rule Files
Read the relevant file(s) based on the task:
| Rule file | When to read |
|-----------|-------------|
| rules/components.md | Creating, composing, or refactoring components |
| rules/relay.md | Using Relay |
| rules/accessibility.md | Any interactive element, form, overlay, or semantic markup |
Verification
After visual changes, use agent-browser to verify the UI looks correct. When modifying a shared component, check its usages across the app.