# Phoenix Frontend

> Frontend development guidelines for the Phoenix AI observability platform.

Frontend development guidelines for the Phoenix AI observability platform. Use when writing, reviewing, or modifying React components, TypeScript code, styles, or UI features in the js/app/ directory. Triggers on any frontend task — new components, UI changes, styling, accessibility fixes, form handling, or component refactoring. Also use when the user asks about frontend conventions or component patterns for this project. For design system rules (error display, layout, dialogs, tokens), use the phoenix-design skill.

- Page: https://ss33.ai/skills/arize-ai/phoenix-frontend-94860375464
- Publisher: arize-ai
- Category: [Software Development](https://ss33.ai/skills/category/software-development-t44z8z) › [Frontend & UI](https://ss33.ai/skills/category/software-development-t44z8z/frontend-and-ui-q25e9r)
- Source: https://github.com/arize-ai/phoenix/blob/f2c3b86f34e018edfefe0e94f908b2fed9c67f66/.agents/skills/phoenix-frontend/SKILL.md

## Skill

This skill's licence does not allow redistribution, so the store does not serve its text. Get it from the author: https://github.com/arize-ai/phoenix/blob/f2c3b86f34e018edfefe0e94f908b2fed9c67f66/.agents/skills/phoenix-frontend/SKILL.md