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/typescript.md`	Writing or reviewing any TypeScript code
`rules/components.md`	Creating, composing, or refactoring components
`rules/design.md`	Layout, visual polish, error handling, loading states
`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.

phoenix-frontend

Phoenix Frontend Development

Rule Files

Verification