baseline-ui — Skills — getagentictools

What it does

/baseline-ui

/baseline-ui <file>

violations (quote the exact line/snippet)

why it matters (1 short sentence)

a concrete fix (code-level suggestion)

MUST use Tailwind CSS defaults unless custom values already exist or are explicitly requested

MUST use motion/react (formerly framer-motion) when JavaScript animation is required

Enforces design and interaction constraints to prevent common UI anti-patterns in Tailwind CSS projects.

Source

Repository: https://github.com/ibelick/ui-skills

baseline-ui FAQ

What does the baseline-ui skill do?

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass. /baseline-ui /baseline-ui <file>

How do I install baseline-ui?

Run: npx -y skills add https://github.com/ibelick/ui-skills --skill baseline-ui --agent claude-code — the source lives at github.com/ibelick/ui-skills.

Maintain baseline-ui?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![baseline-ui on getagentictools](https://getagentictools.com/badge/skills/ibelick-ui-skills-baseline-ui.svg)](https://getagentictools.com/skills/ibelick-ui-skills-baseline-ui?ref=badge)

npx agentictools info skills/ibelick-ui-skills-baseline-ui

The second line is the CLI lookup for this page — handy in READMEs and docs.