zudo-css-wisdom is a CSS best practices reference written primarily for AI coding agents. It also helps developers review the CSS those agents produce. Each technique article starts with a concrete problem, explains the recommended approach, and shows when to use it.
The live CssPreview demos are the core of the articles. They run in isolated iframes, so you can compare the CSS with its result and switch between mobile, tablet, and full-width previews to see how the layout responds.
The css-wisdom Claude Code skill indexes every CSS article. Once installed, use / during a coding task to find a relevant pattern and read its guidance before applying it.
Overview — how to use the site and install the skill.
Tight Token Strategy — limit design choices to a small set of semantic tokens.
Component First Strategy — organize utility-based styling around UI components.
Three-Tier Color Strategy — separate palette values, theme roles, and component overrides.