# UI

> Build or visually correct production UI with a deliberate direction and rendered evidence; use prototype while the design decision remains open.

- Skill: `panda850819/ui` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add panda850819/ui`
- Raw SKILL.md: https://api.skillmd.com/api/skills/panda850819/ui/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: panda850819 (https://skillmd.com/u/panda850819)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/panda850819/ui

---

# UI

Use [craft references](references/craft.md) for typography, CJK, layout, motion, and required states relevant to the task. Name the observable visual problem and chosen direction; do not reclassify taste complaints as functional bugs or remove deliberate design choices without evidence.

Implement applicable loading, empty, error, navigation, validation, and accessibility states. Verify the rendered result at 375px and 1280px in every shipped locale, including overflow and text wrapping; source inspection alone cannot prove appearance.

`prototype` resolves an open design question; `qa` owns browser acceptance evidence; `review` owns the code diff. Reuse current rendered evidence across these tasks instead of repeating it. Report only the chosen direction, observed result, and remaining gaps.