com.sloppatterns由 sloppatterns.com 發布官方發布者v1.2.1更新於 Nov 2, 2026
Checks UI code for AI-default design patterns and gives the fix. By Precious Studio.
對照公開的 AI 設計反模式庫檢查 UI 程式碼，回傳每處命中項目及對應修正方式。
Web executable，透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。
把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。
閱讀 https://sourceweft.com/mcp/com.sloppatterns%2Fslop-patterns/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。把它新增到你客戶端的 mcpServers 設定中。
{
"mcpServers": {
"slop-patterns": {
"type": "http",
"url": "https://sloppatterns.com/mcp"
}
}
}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.
patterns.json, the pattern text and sources, the site, and the MCP server in api/.https://sloppatterns.com/mcp. No account or key. See the "For agents" page on the site.research/.Maintained by Pavithra Lamahewa at Precious Studio. Suggest a pattern from the site, or open an issue.
Your coding agent calls check_design on the UI it writes and fixes what it finds before you see it.
npx add-mcp https://sloppatterns.com/mcp, or add an HTTP server with that URL. It is in the official MCP Registry as com.sloppatterns/slop-patterns.cursor/slop-patterns.mdc into .cursor/rules/.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.
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.npx slop-patterns check ./dist or npx slop-patterns scan example.com. See cli/.rules.js, so they never disagree.CITATION.cff. GitHub shows a "Cite this repository" button from it.來源：README.md，提交 a3e704f
Check UI code for AI design patterns
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.
code必填shareStatsList all patterns
List the whole Slop Patterns taxonomy: code, id, name and one-liner for every documented AI design anti-pattern.
trackGet one pattern
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.
id必填Library 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.
無需輸入參數。
Search patterns
Plain-language search across the library. "gradient headline" returns A10 Gradient Text Headline.
query必填Report a new pattern
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.
name必填creditexamplewhereSeendescription必填Why a pattern happens
Return only the causal explanation for one pattern — which model, tool or template default produces it.
id必填已滿足適用檢查項的 100%
該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。
/plugin marketplace add pavithralamahewa/slop-patterns/plugin install slop-patterns@slop-patterns