housestyle

一個本機 MCP 伺服器，用來審查 CSS 中常見的 AI 生成設計痕跡，並提供字型、配色、字級階梯與對比度建議。

可以做什麼

審查樣式表、token 區塊或 Tailwind 設定，依十條確定性規則找出通用化設計痕跡，並說明原因與修改方式（audit_css）。依角色與風格推薦字型與字型搭配，附可直接貼上的匯入與 CSS 自訂屬性（suggest_fonts、suggest_pairing）。檢查顏色對比度，给出 WCAG 2.2 AA/AAA 判定及 APCA Lc 值（check_contrast）。由一個種子色產生 11 級 OKLCH 色階，並計算每級與黑白的對比度（build_palette）。產生以 clamp() 輸出的流式模組化字級階梯（build_type_scale）。

適用情境

適合在助理產生或檢視前端樣式時使用，尤其是結果容易落入預設 AI 風格的情況：框架預設藍、Inter 字型、漸層、統一圓角、扁平字級階梯。也適合在介面上線前敲定字型、配色與對比度方案。

執行需求

以 stdio 在本機執行，通常以 npx housestyle-mcp 啟動，需要 Node.js。不需 API 金鑰、帳號或設定。只有 Google Fonts 公開中介資料端點需要網路，結果快取一小時；其餘工具皆為純運算。