Slop Patterns
Checks UI code for AI-default design patterns and gives the fix. By Precious Studio.
使うべきか
品質と安全性
検出事項（1）
- LOWTool 'why' description lacks action verbwhy 内
ツール定義とプロトコルへの準拠に関する自動分析に基づいています。
コンテキストコスト
これは、サーバーのツールがモデルのコンテキストに読み込まれるたびに消費されるおおよそのトークン数です。数が多いほど、ほかのタスクに使える注意が減ります。
インストール
ワンクリックインストール
これを `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"
]
}コミュニティ
エビデンス