baseline-ui
Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS. Ensures UI work meets baseline quality standards before shipping.
How do I install this agent skill?
npx skills add https://github.com/podo/design-agent-skills --skill baseline-uiIs this agent skill safe to install?
- Gen Agent Trust Hubwarn
This skill acts as an installer stub that directs the agent to download and execute third-party code from an unverified GitHub repository using shell commands.
- Socketwarn
1 alert: gptSecurity
- Snykwarn
Risk: MEDIUM · 1 issue
What does this agent skill do?
baseline-ui
Catalogue stub — full skill: ibelick/ui-skills
Decision tree
Run this before any baseline UI validation work:
-
Is the full skill already installed? Check:
~/.design-agent-skills/skills/baseline-ui/SKILL.mdexists AND does NOT contain adas:block.- Yes → invoke
baseline-uiand proceed - No → go to step 2
- Yes → invoke
-
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-gfor global install or omit for project-only
Install command
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.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/podo/design-agent-skills/baseline-ui">View baseline-ui on skillZs</a>