Slop Patterns

Name: Slop Patterns
Author: sloppatterns.com

远程服务

sloppatterns.com开发工具32 天前更新

关于 Slop Patterns

Slop Patterns 是面向编码 Agent 的 MIT 开源模式库和 MCP 服务，可识别 UI 中常见的 AI 默认设计模式并提供修正建议。其分类涵盖 531 种模式，服务端与扫描器及命令行工具共用代码规则。

位于 https://sloppatterns.com/mcp 的远程 MCP 服务向 MCP 客户端提供 check_design 工具。编码 Agent 可借此检查 UI 代码并处理发现的模式。

远程服务无需本地安装。选择你使用的客户端，复制配置或使用一键安装。

服务地址https://sloppatterns.com/mcp

一键复制安装命令

Claude CodeTerminalclaude mcp add --transport http com-sloppatterns-slop-patterns https://sloppatterns.com/mcp

Cursor.cursor/mcp.json{"mcpServers":{"com-sloppatterns-slop-patterns":{"type":"http","url":"https://sloppatterns.com/mcp"}}}在 Cursor 中打开

VS Code.vscode/mcp.json{"servers":{"com-sloppatterns-slop-patterns":{"type":"http","url":"https://sloppatterns.com/mcp"}}}在 VS Code 中打开

Claude Desktopclaude_desktop_config.json{"mcpServers":{"com-sloppatterns-slop-patterns":{"type":"http","url":"https://sloppatterns.com/mcp"}}}

Windsurf~/.codeium/windsurf/mcp_config.json{"mcpServers":{"com-sloppatterns-slop-patterns":{"serverUrl":"https://sloppatterns.com/mcp"}}}

命令在终端中运行；JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

参数	类型	必填	说明
code	string	是	要检查的 CSS、HTML 或 JSX。全量粘贴；部分片段也可用，但完整文件更准确。
shareStats	boolean	否	可选，默认值为 false。若为 true，则向 https://sloppatterns.com/#stats 上的公开月度统计贡献匿名的触发规则代码计数。绝不会发送你的代码、URL 或任何标识符。

一个公开的 AI 设计反模式库：它们是什么样的、工具为何会生成它们，以及应该如何改进。现已上线：sloppatterns.com。

许可证：MIT（LICENSE）。这里只有模式库采用 MIT 许可证：patterns.json、模式文本及来源、网站，以及 api/ 中的 MCP 服务。
扫描器代码不开放。 sloppatterns.com/score 上的 Slop Score 扫描器（浏览器捕获、实时检查和评分）是一个独立项目，不包含在此仓库中。
MCP 服务运行于 https://sloppatterns.com/mcp。无需账号或密钥。请参阅网站上的“For agents”页面。
研究说明《The Same Page》位于 research/。

由 Pavithra Lamahewa 在 Precious Studio 维护。欢迎通过网站建议模式，或提交 issue。

你的编码 Agent 会对其编写的 UI 调用 check_design，并在你看到之前修复发现的问题。

Claude Code（插件，MCP 加技能）：

/plugin marketplace add pavithralamahewa/slop-patterns
/plugin install slop-patterns@slop-patterns

**任何 MCP 客户端：**运行 npx add-mcp https://sloppatterns.com/mcp，或使用该 URL 添加 HTTP 服务。它已列入官方 MCP Registry，名称为 com.sloppatterns/slop-patterns。
**Cursor：**在 Settings → MCP 中添加服务（类型选 HTTP，URL 使用上方地址），然后将 cursor/slop-patterns.mdc 复制到 .cursor/rules/。

每个模式都有一个固定代码（例如 A10）和一个固定 URL（https://sloppatterns.com/#gradient-text-headline）。代码的含义永不更改；条目修订时，其 version 和 updated 字段会更新。

全部 531 个模式的数据：taxonomy.json。每个条目都会说明是否支持自动检查（支持的有 101 个；扫描器、MCP 服务和命令行共用 104 条代码规则，其中 57 条已通过整页人工审查），或需要人工检查。
**命令行：**运行 npx slop-patterns check ./dist 或 npx slop-patterns scan example.com。请参阅 cli/。
**一套规则：**扫描器、MCP 服务和命令行运行相同的 rules.js，因此它们的结果始终一致。
**引用：**请参阅 CITATION.cff。GitHub 会据此显示“引用此仓库”按钮。