baseline-ui
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
Install
With your agent
Install OMGSkills skill "ibelick/ui-skills:baseline-ui" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
git clone https://github.com/ibelick/ui-skills /tmp/ui-skills && ln -s /tmp/ui-skills/skills/baseline-ui ~/.claude/skills/baseline-uiFrom README
Baseline UI Enforces an opinionated UI baseline to prevent AI-generated interface slop. How to use /baseline-ui Apply these constraints to any UI work in this conversation. /baseline-ui Review the file against all constraints below and output: violations (quote the exact line/snippet) why it matters (1 short sentence) a concrete fix (code-level suggestion) Stack 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 SHOULD use tw-animate-css for entrance and micro-animations in Tailwind CSS MUST use cn utility (clsx + tailwind-merge) for class logic Components MUST use accessible component primitives for anything with keyboard or focus behavior (Base UI, React Aria, Radix) MUST use the project’s existing component primitives first NEVER mix primitive systems within the same interaction surface SHOULD prefer Base UI for new primitives if compatible with the stac...