Slop Patterns
MCP serverDev toolsChecks UI code for AI-default design patterns and gives the fix. By Precious Studio.
Use Slop Patterns in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Slop Patterns and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use Slop Patterns
No key or account is asked for. Not verified by us yet: Ahel has not run a call through it.
Details
Available today. Use it from your connected AI after setup.
No key or account is asked for. Not verified by us yet: Ahel has not run a call through it.
Add Ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.
Install Slop Patterns
The server’s own address, for the clients that take one directly. Or connect Ahel once and every client you use reads it from one address, with the account kept on Ahel rather than in each client’s config.
Claude Code
claude mcp add --transport http --scope user slop-patterns 'https://sloppatterns.com/mcp'Run it once in your project, then open /mcp to approve any sign-in the server asks for.
Claude Desktop
https://sloppatterns.com/mcpAdd a custom connector in Settings, paste this address, and approve the sign-in.
Cursor
cursor://anysphere.cursor-deeplink/mcp/install?name=slop-patterns&config=eyJ1cmwiOiJodHRwczovL3Nsb3BwYXR0ZXJucy5jb20vbWNwIn0=Open the link and Cursor adds the server at that address.
ChatGPT
https://sloppatterns.com/mcpIn Settings, enable Developer mode, create an MCP app, and paste this address. Your plan and workspace must allow custom apps.
Codex
codex mcp add slop-patterns --url 'https://sloppatterns.com/mcp'Run it once, then sign in with codex mcp login slop-patterns if the server asks for an account.
From the project's README
As published by pavithralamahewa/slop-patterns in README.md.
A public library of AI design anti-patterns: what they look like, why the tools produce them, and what to do instead. Live at sloppatterns.com.
- License: MIT (LICENSE). Only the pattern library is here and MIT:
patterns.json, the pattern text and sources, the site, and the MCP server inapi/. - Scanner code is not open. The Slop Score scanner at sloppatterns.com/score (browser capture, live checks and grading) is a separate project and is not included in this repo.
- The MCP server runs at
https://sloppatterns.com/mcp. No account or key. See the "For agents" page on the site. - The research note, The Same Page, is in
research/.
Maintained by Pavithra Lamahewa at Precious Studio. Suggest a pattern from the site, or open an issue.
Use it in your AI tools
Your coding agent calls check_design on the UI it writes and fixes what it finds before you see it.
- Claude Code (plugin, MCP plus a skill):
/plugin marketplace add pavithralamahewa/slop-patterns /plugin install slop-patterns@slop-patterns - Any MCP client:
npx add-mcp https://sloppatterns.com/mcp, or add an HTTP server with that URL. It is in the official MCP Registry ascom.sloppatterns/slop-patterns. - Cursor: add the server in Settings → MCP (type HTTP, URL above), then copy
cursor/slop-patterns.mdcinto.cursor/rules/.
Use the taxonomy
Every pattern has a stable code (for example A10) and a stable URL (https://sloppatterns.com/#gradient-text-headline). Codes never change meaning; when an entry is revised, its version and updated fields change.
- All 272 patterns as data:
taxonomy.json. Each entry says whether it is checked automatically (101 are; the scanner, the MCP server and the command line share 104 code rules, and 57 of them have passed a hand audit on whole pages) or needs a person. - Command line:
npx slop-patterns check ./distornpx slop-patterns scan example.com. Seecli/. - One rule set: the scanner, the MCP server and the command line run the same
rules.js, so they never disagree. - Cite it: see
CITATION.cff. GitHub shows a "Cite this repository" button from it.
Advanced
- Delivery
- slop-patterns MCP server → your Ahel connector (mcp.ahel.ai) → your AI.
- Item type
- mcp-server
- Key
com-sloppatterns-slop-patterns- Source
- github.com/pavithralamahewa/slop-patterns
- Hosted endpoint
https://sloppatterns.com/mcp
github.com/pavithralamahewa/slop-patterns