# Add UI

> Create or redesign React and Tailwind sections, pages, flows, shells, and components. Use when the user wants new UI or a redesign. Implement one requested or selected direction directly, or generate distinct alternatives when the user asks to compare options.

- Skill: `aladicf/add-ui-2` (Agent Skill)
- Install (CLI): `npx skillmds@latest add aladicf/add-ui-2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/aladicf/add-ui-2/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-17
- Page: https://skillmd.com/skills/aladicf/add-ui-2

---


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).