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.
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.
aladicf
Updated Add UI by aladicf · 0532942
npx skillmds@latest add aladicf/add-ui-9 File contents
---name: add-ui-9description: 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.---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).
aladicf/better-web-ui/tree/main/.pi/skills/add-ui commit 0532942883
Frequently asked questions
Run npx skillmds@latest add aladicf/add-ui-9 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
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. It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
aladicf (@aladicf) published this skill. Their other Agent Skills are listed on their SkillMD profile.