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
Install this Claude and Codex skill with the command below. The command stays visible even when copy support is unavailable.
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...