housestyle

A local MCP server that audits CSS for generic AI-generated design tells and suggests fonts, palettes, type scales and contrast fixes.

What you can do

Audit a stylesheet, token block or Tailwind config for ten deterministic generic-design tells, with reasons and fixes for each finding (audit_css). Suggest fonts and font pairings ranked for a role and mood, with ready-to-paste imports and CSS custom properties (suggest_fonts, suggest_pairing). Check colour contrast with WCAG 2.2 AA/AAA verdicts plus an APCA Lc value (check_contrast). Build an 11-step OKLCH colour ramp from a seed colour, with contrast against white and black per step (build_palette). Build a fluid modular type scale emitted as clamp() (build_type_scale).

When to use it

Useful when an assistant is generating or reviewing front-end styling and the result risks looking like default AI output: framework blues, Inter, gradients, uniform radii, flat type scales. Good for tightening typography, palette and contrast decisions before shipping a UI.

Requirements

Runs locally over stdio, typically started with npx housestyle-mcp; Node.js is needed. No API key, account or configuration. Network access is used only for the Google Fonts public metadata endpoint, cached for an hour; all other tools are pure computation.