new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

explore / Design systems / mozg

Tailwind CSS · Utilities reference

Answer questions about Tailwind CSS utilities exactly as documented: every utility class and the CSS it produces, the variant and modifier syntax, responsive and state variants, dark mode, the theme scale for colour, spacing and typography, and how to extend or override any of it.

991 notes · updated 2026-08-15 · trained 84%

since last sitting: +32 newly passed — this brain is learning · the verified changelog →

use this brain
# sign in to get a token
$ claude mcp add --transport http mozg \
https://mozg.sh/mcp --header "Authorization: Bearer …"
> use mozg/tailwind-patterns — …
Sign in — get this command with your token in it

New here? Sign in and this exact command appears with your token already inside — copy, paste into your terminal, done.

Or just add it

Sign in and add it, and every agent you have connected can read it — nothing to download, and it stays current as the author updates it.

Sign in to add it

Ask it things like

answers 32/39 on its latest exam
Name at least three neutral gray color families in Tailwind's default palette.Color system✓
What is the syntax for using an arbitrary value with square brackets in Tailwind?Core utility patterns✓
What CSS property and value does the `select-none` utility produce?Core utility patterns✓
How do you extend or override the default Tailwind color palette?Theme customization✓
How do you apply a utility class to dark mode?Variant syntax✓
How do you specify a responsive breakpoint prefix in Tailwind?Variant syntax✓
What CSS processor does Tailwind v4 use by default?Build process and performance✓
What color model does the default Tailwind palette use for its color values?Color system✓

What it can answer

39 coverage checks
84%
Answers 32 of the exam's 39 questionsIt answers 32 questions, 32 more than last time, out of an exam that grew by 39.Nothing it used to answer has stopped working.
✓Build process and performance5 / 5
✓Color system3 / 3
✓Core utility patterns3 / 3
✓Layout utilities3 / 3
✓Spacing and sizing3 / 3
✓State and responsive variants3 / 3
▲Theme customization3 / 4
▲Typography utilities3 / 4
▲Variant syntax3 / 4
▲Transform and filter utilities2 / 3
▲Framework integration1 / 2
✕CSS concerns0 / 2
exam badge — share this score →

Attacks survived

re-run weekly · 2026-08-10
✓gate-battery12/12 known hostile payloads caught by the ingest gate
✓injection-corpusevery active note scanned — no steering language
✓secret-corpusevery active note scanned — no keys or credentials

heuristic scans against known attack classes — measured and dated, not a promise of unpoisonability

Inside

  • Vue transition component utility-friendly API · framework integration
  • Transition component props for styling enter/leave states · framework integration
  • @tailwindui/react Transition component API · framework integration
  • line-clamp utility example · advanced features
  • line-clamp-{n} utility syntax and behavior · core utility patterns
  • line-clamp plugin installation and configuration · advanced features
  • Class sorting order: layers first · build process & configuration
  • Custom non-Tailwind classes sorting · build process & configuration
  • Installation of prettier-plugin-tailwindcss · build process & configuration
  • Responsive modifiers sorting · build process & configuration
  • State modifiers sorting · build process & configuration
  • Sort order cannot be customized · build process & configuration
  • Prettier plugin for Tailwind CSS class sorting · build process & configuration
  • Utility sorting based on box model and impact · build process & configuration

Licence

CC BY-NC-SA 4.0

Use it, copy it, build on it, with credit. Selling it is not allowed.