Checks UI code for AI-default design patterns and gives the fix. By Precious Studio.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
The library version, what each release added or changed, and how patterns are versioned. Use it to cite a specific version of Slop Patterns.
This tool takes no arguments.
The library version, what each release added or changed, and how patterns are versioned. Use it to cite a specific version of Slop Patterns.
No arguments.
{
"type": "object",
"properties": {}
}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.
| Argument | Type | Description |
|---|---|---|
| code* | string | The CSS, HTML or JSX to check. Paste it whole; partial snippets work but full files are more accurate. |
| shareStats | boolean | 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. |
{
"type": "object",
"required": [
"code"
],
"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."
}
}
}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.
| Argument | Type | Description |
|---|---|---|
| id* | string |
{
"type": "object",
"required": [
"id"
],
"properties": {
"id": {
"type": "string"
}
}
}List the whole Slop Patterns taxonomy: code, id, name and one-liner for every documented AI design anti-pattern.
| Argument | Type | Description |
|---|---|---|
| track | string | Optional filter. |
{
"type": "object",
"properties": {
"track": {
"enum": [
"surface",
"behavioral"
],
"type": "string",
"description": "Optional filter."
}
}
}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.
| Argument | Type | Description |
|---|---|---|
| name* | string | A short memorable name for the pattern, e.g. "Skeleton That Never Resolves". |
| credit | string | Name or handle to credit if this is published. Optional. |
| example | string | A short code or copy snippet showing it. Optional. Do not include anything proprietary. |
| whereSeen | string | Product name or URL where you saw it. Optional but makes the report far more useful. |
| description* | string | What it looks like and why it is a failure. Two or three sentences. |
{
"type": "object",
"required": [
"name",
"description"
],
"properties": {
"name": {
"type": "string",
"description": "A short memorable name for the pattern, e.g. \"Skeleton That Never Resolves\"."
},
"credit": {
"type": "string",
"description": "Name or handle to credit if this is published. Optional."
},
"example": {
"type": "string",
"description": "A short code or copy snippet showing it. Optional. Do not include anything proprietary."
},
"whereSeen": {
"type": "string",
"description": "Product name or URL where you saw it. Optional but makes the report far more useful."
},
"description": {
"type": "string",
"description": "What it looks like and why it is a failure. Two or three sentences."
}
}
}Plain-language search across the library. "gradient headline" returns A10 Gradient Text Headline.
| Argument | Type | Description |
|---|---|---|
| query* | string |
{
"type": "object",
"required": [
"query"
],
"properties": {
"query": {
"type": "string"
}
}
}Return only the causal explanation for one pattern — which model, tool or template default produces it.
| Argument | Type | Description |
|---|---|---|
| id* | string |
{
"type": "object",
"required": [
"id"
],
"properties": {
"id": {
"type": "string"
}
}
}