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"
]
}커뮤니티
증거