roast-my-design-system

pencilrebel/roast-my-design-system
★ 11 stars JavaScript AI/LLM Updated 1d ago ⚠ Review
v5.0.1 · Try it: npx roast-my-design-system · Your AI can write the UI. This makes sure it writes YOUR ui. A health score, receipts, fixes ranked by payoff, rules injected via --apply, and now a local MCP server via --mcp: your agent asks before writing UI, gets checked after. Benchmarked against 34 public repos and 10 reputable systems.
View on GitHub → 🔍 Audit Wallet Slippage →

Quick Install

Copy the config for your editor. Some servers may need additional setup — check the README.

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "roast-my-design-syst": {
      "command": "npx",
      "args": [
        "-y",
        "pencilrebel/roast-my-design-system"
      ]
    }
  }
}

README Excerpt

A free CLI tool (and Claude Code skill) that roasts your repo's design system with real data, then generates the rules that keep your AI agent on-system. > **New in 5.0: it runs as a local MCP server.** One command, and your agent asks the design system before writing UI, then gets the work checked after: which Button is canonical, which token holds that colour, review my changes. Local, deterministic, nothing leaves your machine. See [Live answers over MCP](#live-answers-over-mcp).

Tools (5)

roast_find_componentroast_find_tokenroast_get_contextroast_reviewroast_validate

Topics

claude-codeclaude-code-plugindesign-systemdesign-tokensskill