# Frontend UI UX

> Designer-developer workflow for UI/UX work using Codex-native frontend design, local project conventions, and optional read-only review agents.

- Skill: `materialofair/frontend-ui-ux` (Agent Skill)
- Install (CLI): `npx skillmds@latest add materialofair/frontend-ui-ux`
- Raw SKILL.md: https://api.skillmd.com/api/skills/materialofair/frontend-ui-ux/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: materialofair (https://skillmd.com/u/materialofair)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/materialofair/frontend-ui-ux

---


# Frontend UI/UX

Use this skill for frontend UI/UX design, component polish, responsive layout, accessibility, and implementation guidance.

## Routing

1. Read the existing frontend stack, design system, routes, and component conventions.
2. Use `frontend-design` for visual design-heavy tasks.
3. Use `frontend-patterns` for framework and implementation pattern work.
4. For independent critique, optionally dispatch read-only child agents:

```text
spawn_agent(agent_type="explorer", message="Read-only UI/UX exploration: {{ARGUMENTS}}")
spawn_agent(agent_type="reviewer", message="Read-only UI/UX risk review: {{ARGUMENTS}}")
```

## Capabilities

- Component design and implementation
- Responsive layouts
- Design system consistency
- Accessibility checks
- Interaction and state review

Task: {{ARGUMENTS}}