baseline-uilisted
Install: claude install-skill podo/design-agent-skills
# baseline-ui
> Catalogue stub — full skill: [ibelick/ui-skills](https://github.com/ibelick/ui-skills)
## Decision tree
Run this before any baseline UI validation work:
1. **Is the full skill already installed?**
Check: `~/.design-agent-skills/skills/baseline-ui/SKILL.md` exists AND does NOT contain a `das:` block.
- Yes → invoke `baseline-ui` and proceed
- No → go to step 2
2. **Do you have shell access?**
- Yes → run the install command below, then invoke the skill
- No → show the install command; in Claude Code, send it as a chat message starting with `!` — add `-g` for global install or omit for project-only
## Install command
```bash
npx skills add ibelick/ui-skills --skill baseline-ui
```
Or per-agent:
- Claude Code: `claude skills add ibelick/ui-skills`
- Cursor/OpenCode: `npx skills add ibelick/ui-skills --skill baseline-ui`
## Invoke after install
- Skill name: `baseline-ui`
- Trigger phrases: "baseline UI", "animation validation", "typography scale", "Tailwind anti-patterns"
## What it does
Validates animation durations against design system standards, enforces typography scale consistency, and checks component accessibility. Prevents common layout anti-patterns in Tailwind CSS to keep UI output consistent and production-ready.