Rams MCP · The full engine, now in your coding agent
Tailwind CSS

Design review for Tailwind CSS code.

Rams reads your components and your tailwind.config on every pull request. It reviews the utility classes you actually shipped, from a stray w-[13px] to a missing dark: variant. Inline one-click fixes plus a summary, usually in about a minute.

Arbitrary values that dodge the scale

w-[13px] and mt-[7px] sit one pixel off your spacing scale. Rams flags one-off bracket values your config already covers, so spacing stays on the grid.

Hex your config already names

text-[#8a8a8a] when your theme defines the same gray. Rams reads your tailwind.config, so real tokens pass clean and one-off hex gets a one-click fix to the named color.

Body text that fails contrast

text-gray-400 body copy on a white card is a 2.3:1 ratio. Rams computes contrast from the hex behind each class, flags anything under 4.5:1, and quotes the exact line.

Focus rings stripped, never replaced

focus:outline-none with nothing to replace the ring. Keyboard users tab through the form with no idea where they are. The fix adds focus-visible:ring in one click.

Animation without a motion-reduce guard

animate-bounce and transition-all run for everyone, including people who set prefers-reduced-motion. Rams flags animation that ships without a motion-reduce: variant.

The AI gradient starter kit

bg-gradient-to-r from-purple-500 to-pink-500, glow shadows, a page of identical filled buttons. A whole craft category targets the defaults generated code reaches for.

The same 194 rules, on every Tailwind CSS pull request.

Install on a public repo and the first review posts in about a minute. No CI config.

Review my public repo for free