Slop Patterns
Checks UI code for AI-default design patterns and gives the fix. By Precious Studio.
Connect it
Settings → Connectors → Add custom connector
URL: https://sloppatterns.com/mcpSettings → Apps & Connectors → Advanced → Developer mode
Create connector with URL: https://sloppatterns.com/mcp{
"mcpServers": {
"slop-patterns": {
"url": "https://sloppatterns.com/mcp"
}
}
}claude mcp add --transport http slop-patterns https://sloppatterns.com/mcp{
"servers": {
"slop-patterns": {
"type": "http",
"url": "https://sloppatterns.com/mcp"
}
}
}7 tools, verified live
check_designread-onlyCheck 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.
list_patternsread-onlyList the whole Slop Patterns taxonomy: code, id, name and one-liner for every documented AI design anti-pattern.
get_patternread-onlyGet 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.
changelogread-onlyThe library version, what each release added or changed, and how patterns are versioned. Use it to cite a specific version of Slop Patterns.
search_patternsread-onlyPlain-language search across the library. "gradient headline" returns A10 Gradient Text Headline.
report_patternReport 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.
whyread-onlyReturn only the causal explanation for one pattern — which model, tool or template default produces it.
Alternatives in Developer Tools
Compare →MUMuxOfficialA
The official MCP Server for the Mux API
SMSentry MCPOfficialA
MCP server for Sentry - error monitoring, issue tracking, and debugging for AI assistants
Compiler ExplorerA
Compile code with thousands of compilers, inspect the assembly, and share godbolt.org links
MIMiroOfficialA
Official Miro MCP server - Supports context to code and creating diagrams, docs, and data tables.
Context7A
Up-to-date code docs for any prompt
AAAirbyte AgentsOfficialA
Let AI agents query data and act across all your business apps via MCP.