Slop Patterns
Checks UI code for AI-default design patterns and gives the fix. By Precious Studio.
我該用這個嗎
品質與安全性
發現項目（1）
- LOWTool 'why' description lacks action verb在 why 中
根據工具定義與協定合規性的自動化分析。
上下文成本
這是每次將伺服器的工具載入模型上下文時所消耗的約略 token 數量。數量越高，可用於其他工作的注意力就越少。
安裝
一鍵安裝
將以下內容加入你的 `claude_desktop_config.json` 檔案：
{
"mcpServers": {
"slop-patterns": {
"url": "https://sloppatterns.com/mcp"
}
}
}遠端端點
https://sloppatterns.com/mcpstreamable-http它能做什麼
工具清單
工具（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.
輸入結構描述
{
"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.
輸入結構描述
{
"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.
輸入結構描述
{
"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.
輸入結構描述
{
"type": "object",
"properties": {}
}🟢search_patterns(query)
Plain-language search across the library. "gradient headline" returns A10 Gradient Text Headline.
輸入結構描述
{
"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.
輸入結構描述
{
"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.
輸入結構描述
{
"type": "object",
"properties": {
"id": {
"type": "string"
}
},
"required": [
"id"
]
}社群
證據