# Build UI

> Build a feature's ui/ layer — presentation bound to the main-service database. The final, top layer.

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

---


Create `ui/`: one folder per UI unit —
`<name>/{<name>.ts (lazy wrapper), <name>-element.ts (container), <name>-presentation.ts (pure render), <name>.css.ts}`.
The element subscribes to state and delegates to the pure presentation; no business logic here.

Comes last. The how is in the auto-loading `features/ui/index.md` rule (and `element.md`,
`lazy-element.md`, `presentation.md`).