Slop Patterns
Checks UI code for AI-default design patterns and gives the fix. By Precious Studio.
Sollte ich dies verwenden
Qualität und Sicherheit
Befunde (1)
- LOWTool 'why' description lacks action verbin why
Basierend auf einer automatisierten Analyse der Tool-Definitionen und der Einhaltung des Protokolls.
Kontextkosten
Dies ist die ungefähre Anzahl der Tokens, die jedes Mal verbraucht werden, wenn die Tools des Servers in den Kontext eines Modells geladen werden. Höhere Werte verringern die Aufmerksamkeit, die für andere Aufgaben verfügbar ist.
Installieren
Installation mit einem Klick
Fügen Sie dies Ihrer Datei `claude_desktop_config.json` hinzu:
{
"mcpServers": {
"slop-patterns": {
"url": "https://sloppatterns.com/mcp"
}
}
}Remote-Endpunkte
https://sloppatterns.com/mcpstreamable-httpWas es kann
Tool-Inventar
Tools (7)
🟢check_design(code, shareStats)
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.
Eingabe-Schema
{
"type": "object",
"properties": {
"code": {
"type": "string",
"description": "The CSS, HTML or JSX to check. Paste it whole; partial snippets work but full files are more accurate."
},
"shareStats": {
"type": "boolean",
"description": "Optional, defaults to false. If true, contribute an anonymous count of WHICH rule codes fired to the public monthly figures at https://sloppatterns.com/#stats. Never sends your code, your URL, or any identifier."
}
},
"required": [
"code"
]
}🟢list_patterns(track)
List the whole Slop Patterns taxonomy: code, id, name and one-liner for every documented AI design anti-pattern.
Eingabe-Schema
{
"type": "object",
"properties": {
"track": {
"type": "string",
"enum": [
"surface",
"behavioral"
],
"description": "Optional filter."
}
}
}🟢get_pattern(id)
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.
Eingabe-Schema
{
"type": "object",
"properties": {
"id": {
"type": "string"
}
},
"required": [
"id"
]
}🟢changelog
The library version, what each release added or changed, and how patterns are versioned. Use it to cite a specific version of Slop Patterns.
Eingabe-Schema
{
"type": "object",
"properties": {}
}🟢search_patterns(query)
Plain-language search across the library. "gradient headline" returns A10 Gradient Text Headline.
Eingabe-Schema
{
"type": "object",
"properties": {
"query": {
"type": "string"
}
},
"required": [
"query"
]
}🟢report_pattern(name, description, whereSeen, example, credit)
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.
Eingabe-Schema
{
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "A short memorable name for the pattern, e.g. \"Skeleton That Never Resolves\"."
},
"description": {
"type": "string",
"description": "What it looks like and why it is a failure. Two or three sentences."
},
"whereSeen": {
"type": "string",
"description": "Product name or URL where you saw it. Optional but makes the report far more useful."
},
"example": {
"type": "string",
"description": "A short code or copy snippet showing it. Optional. Do not include anything proprietary."
},
"credit": {
"type": "string",
"description": "Name or handle to credit if this is published. Optional."
}
},
"required": [
"name",
"description"
]
}🟢why(id)
Return only the causal explanation for one pattern — which model, tool or template default produces it.
Eingabe-Schema
{
"type": "object",
"properties": {
"id": {
"type": "string"
}
},
"required": [
"id"
]
}Community
Nachweis