# Add UI

> Generate 5 distinct, production-grade UI variations for a requested new or existing section, component, page, flow, or shell, then help the user preview and apply one. Use when the user asks to add or redesign UI like a hero, pricing, navbar, auth flow, dashboard shell, ecommerce surface, or data component.

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

---


This compatibility wrapper exposes the `add-ui` skill for the `.pi/skills` layout while keeping `skills/add-ui/SKILL.md` as the canonical source of truth.

Follow the canonical instructions in [../../../skills/add-ui/SKILL.md](../../../skills/add-ui/SKILL.md).