# UI Design

> Reference hub for implementing UI changes in Studio. Use whenever building or modifying Studio frontend UI — pages, components, tables, panels, empty states, and other shared patterns. Routes to the standardized references below.

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

---


# UI Design

When implementing any Studio UI change, consult the matching reference before
writing code and follow it. These references are authoritative over ad-hoc
markup — reuse the shared pattern rather than hand-rolling a new one.

| If you are building / changing...                     | Read                          |
| ----------------------------------------------------- | ----------------------------- |
| An empty state (no items, no results, failed to load) | `references/empty-states.md`  |
| Naming an entity (create/rename forms)                | `references/entity-naming.md` |