Slop Patterns MCP Server

Install Slop Patterns MCP server

claude mcp add --transport http slop-patterns https://sloppatterns.com/mcp

{
  "mcpServers": {
    "slop-patterns": {
      "url": "https://sloppatterns.com/mcp"
    }
  }
}

{
  "mcpServers": {
    "slop-patterns": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://sloppatterns.com/mcp"
      ]
    }
  }
}

{
  "servers": {
    "slop-patterns": {
      "type": "http",
      "url": "https://sloppatterns.com/mcp"
    }
  }
}

{
  "mcpServers": {
    "slop-patterns": {
      "serverUrl": "https://sloppatterns.com/mcp"
    }
  }
}

Context tax

Connecting this server adds ~689 tokens of tool definitions to every model turn (lean, 7 tools). Measured 2026-10-19 via its hosted endpoint; o200k tokenizer, worst case for clients that load all tools up front. How we measure

Input prices as of 2026-10-06. Excludes your own prompt and output.

Tools (7)

• report_pattern201 tok

  Report an AI design anti-pattern that is NOT yet in the library, for a design failure seen repeatedly that a search of the library does not find. Reports are reviewed by a human before anything is published, and published entries credit the reporter.

• check_design161 tok

  Check a snippet of CSS, HTML or JSX against the Slop Patterns library and return every AI design anti-pattern it matches, with the fix for each. Covers the 101 documented patterns that have a mechanical tell. Useful for reviewing generated UI code.

• get_pattern75 tok

  Get one full pattern entry by id or code (e.g. "a1" or "the-unchosen-gradient"): what it looks like, why the tools produce it, who it hurts, the fix, sources.

• list_patterns63 tok

  List the whole Slop Patterns taxonomy: code, id, name and one-liner for every documented AI design anti-pattern.

• changelog50 tok

  The library version, what each release added or changed, and how patterns are versioned. Use it to cite a specific version of Slop Patterns.

• search_patterns48 tok

  Plain-language search across the library. "gradient headline" returns A10 Gradient Text Headline.

• why47 tok

  Return only the causal explanation for one pattern — which model, tool or template default produces it.

Freshness

Not enough public signals yet to judge maintenance.

1. Last commit (default branch)

   2026-10-16 · 2d ago · GitHub

2. Latest release

   no data · GitHub

3. Package published

   no data · npm/PyPI

4. Registry entry updated

   2026-10-12 · 6d ago · official registry · v1.2.1

How it compares in Design

Against the most-starred design servers we index. Token cost is per model turn, measured from each server's live tool list.