Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.
Add this skill
npx mdskills install ibelick/baseline-uiComprehensive, opinionated UI constraints with clear review workflow and stack-specific rules.
A set of skills to polish interfaces built by agents.
npx skills add ibelick/ui-skills
npx ui-skills add baseline-ui
npx ui-skills add fixing-accessibility
npx ui-skills add fixing-metadata
npx ui-skills add fixing-motion-performance
npx ui-skills add --all
/baseline-ui review src/
| Skill | Purpose |
|---|---|
| baseline-ui | opinionated UI baseline |
| fixing-accessibility | keyboard, labels, focus, semantics |
| fixing-metadata | correct titles, meta, social cards |
| fixing-motion-performance | safe, performance-first UI motion |
More on ui-skills.com
Licensed under the MIT license.
Install via CLI
npx mdskills install ibelick/baseline-uiBaseline UI is a free, open-source AI agent skill. Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.
Install Baseline UI with a single command:
npx mdskills install ibelick/baseline-uiThis downloads the skill files into your project and your AI agent picks them up automatically.
Baseline UI works with Claude Code, Claude Desktop, Cursor, Vscode Copilot, Windsurf, Continue Dev, Codex, Gemini Cli, Amp, Roo Code, Goose, Opencode, Trae, Qodo, Command Code. Skills use the open SKILL.md format which is compatible with any AI coding agent that reads markdown instructions.