About housestyle
housestyle is an MCP server for auditing and improving CSS design choices in AI-built interfaces. It identifies common visual patterns and provides tools for font selection, contrast checks, color palettes, and fluid type scales.
Key features
- 01Audit CSS for generic design patterns
- 02Suggest fonts and cross-category pairings
- 03Check WCAG and APCA contrast
- 04Build an 11-step OKLCH color ramp
- 05Generate fluid modular type scales
Use cases
- 01Review an AI-built interface stylesheet
- 02Choose fonts for a role and visual mood
- 03Evaluate text contrast for dark themes
- 04Create color and typography tokens
MCP support
Exposes CSS auditing and design utilities as tools for MCP clients, including font suggestions, contrast checks, palette generation, and type-scale construction.
Configuration
Local server config is the same for every client. Copy it into your client’s MCP config file.
Tools
6Saved tool list · updated 2w ago
| Parameter | Type | Required | Description |
|---|---|---|---|
| css | string | Yes | Stylesheet text, a design-token block, or a Tailwind config. Paste the real thing rather than a summary. |
Details
From the project READMEhousestyle-mcp
Spots CSS that looks AI-made and suggests fixes for fonts, colour and contrast.
claude mcp add housestyle -- npx -y housestyle-mcp
MIT licence.
Comments
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.