A
licenseNot graded
qualityC
maintenanceDesign review for UI code, inside your coding agent. Reviews React, Vue, Svelte, CSS and SwiftUI against 313 rules and returns scored findings with file:line fixes your agent can apply and verify.
MIT
Slop Patterns
Server Details
Checks UI code for AI-default design patterns and gives the fix. By Precious Studio.
If you are the author of this connector, you can claim ownership by verifying the domain or GitHub account it belongs to. Claimed connector authors can inspect health checks, view analytics, and manage their listing.
- Status
- Healthy
- Last Tested
- Transport
- Streamable HTTP · MCP 2025-11-25
- URL
- Repository
- pavithralamahewa/slop-patterns
- GitHub Stars
- 1
TDQS
Score is being calculated.
Available Tools
7 toolschangelogLibrary changelogRead-onlyIdempotentInspect
The library version, what each release added or changed, and how patterns are versioned. Use it to cite a specific version of Slop Patterns.
ParametersJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
No parameters | |||
check_designCheck UI code for AI design patternsRead-onlyIdempotentInspect
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.
ParametersJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| code | Yes | The CSS, HTML or JSX to check. Paste it whole; partial snippets work but full files are more accurate. | |
| shareStats | No | 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_patternGet one patternRead-onlyIdempotentInspect
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.
ParametersJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| id | Yes |
list_patternsList all patternsRead-onlyIdempotentInspect
List the whole Slop Patterns taxonomy: code, id, name and one-liner for every documented AI design anti-pattern.
ParametersJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| track | No | Optional filter. |
report_patternReport a new patternInspect
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.
ParametersJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| name | Yes | A short memorable name for the pattern, e.g. "Skeleton That Never Resolves". | |
| credit | No | Name or handle to credit if this is published. Optional. | |
| example | No | A short code or copy snippet showing it. Optional. Do not include anything proprietary. | |
| whereSeen | No | Product name or URL where you saw it. Optional but makes the report far more useful. | |
| description | Yes | What it looks like and why it is a failure. Two or three sentences. |
search_patternsSearch patternsRead-onlyIdempotentInspect
Plain-language search across the library. "gradient headline" returns A10 Gradient Text Headline.
ParametersJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| query | Yes |
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
7 tool updates
- First observed
changelog - First observed
check_design - First observed
get_pattern - First observed
list_patterns - First observed
report_pattern - First observed
search_patterns - First observed
why
Related MCP Connectors
Mlola UI components, tokens and design rules for coding agents, with a markup checker
UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.
Design review for UI code: 291 rules, scored 0-100 with fixes and git-applyable patches.
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
Related MCP Servers
- AlicenseCqualityDmaintenanceProvides AI-powered tools to apply UX/UI best practices, Nielsen's heuristics, cognitive biases, and Material-UI patterns to React components. Enables automated application of responsive design, Apple design patterns, and complete UX guidelines through natural language commands.77 npm4MIT
- AlicenseNot gradedqualityAmaintenanceEnables AI coding assistants to generate bespoke design systems by synthesizing OKLCH color palettes, chamfer highlights and spring physics, teaching layout composition grammar, and returning micro-interaction primitives and component blueprints. Also audits JSX/TSX/HTML through a senior design director's lens to score and critique UI quality.1 npm1MIT
- FlicenseNot gradedqualityBmaintenanceEnables AI coding agents to inspect a project's design tokens and component catalog, audit React/Tailwind files against seven static UI quality rules, score overall UI health, and apply auto-fixes that are re-audited and reverted on regression. It works both locally over filesystem access and remotely on raw TSX/JSX or CSS snippets passed directly as strings.-
Try in Browser
One endpoint for every MCP toolRayrun runs every MCP server behind one URL and holds the credentials. Each call is decided per client, tool, and argument, then recorded.ray.runAd
Glama MCP Gateway
Add one secure layer between your agents and this server.