Design

sloppatterns.com

Checks CSS, HTML, and JSX snippets against the Slop Patterns library to identify AI design anti-patterns and suggest fixes.

1 endpoint7 known toolsFirst detected October 13, 2026Last detected October 13, 2026

ENDPOINT 1

https://sloppatterns.com/mcp

No auth detected

MCP server metadata

Name: slop-patterns
Version: 1.2.1

Capabilities

tools

Server instructions

Slop Patterns: an open library of AI design anti-patterns, with tools to check UI code against it. Maintained by Pavithra Lamahewa at Precious Studio (https://precious.studio).

Known tools 7

check_design

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.

Inferred read-only

list_patterns

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

Inferred read-only

get_pattern

Get one full pattern entry by id or code (e.

Inferred read-only

changelog

The library version, what each release added or changed, and how patterns are versioned.

Inferred read-only

search_patterns

Plain-language search across the library.

Inferred read-only

report_pattern

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.

Inferred read-only

why

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

Inferred read-only

CONNECT WITH APPROVAL

Client installation

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.slop-patterns]
url = "https://sloppatterns.com/mcp"
enabled = true

Claude Code

.mcp.json

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

Claude Desktop

Settings → Connectors → Add custom connector

Name: slop-patterns
Remote MCP URL: https://sloppatterns.com/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

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

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

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

Generic MCP

Client-specific MCP configuration

{
  "name": "slop-patterns",
  "transport": "streamable-http",
  "url": "https://sloppatterns.com/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

TRUST AND VERIFICATION EVIDENCE

Loading Trust v2 evidence…

Checking the associated registrable domain. The BuiltWith key remains server-side.

Indexed

Evidence is source-attributed and does not guarantee that a third-party server is safe. Risk labels are conservative metadata heuristics.