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"
]
}社区
证据