designer-skill
★ 47
vs
public-browser
★ 19
designer-skill vs public-browser
designer-skill：designer-skill 是即插即用的 MCP，为编程智能体增加 UI 设计能力。它会路由设计请求、加载合适的参考资料并在交付前把关，无需 API Key。；public-browser：Public Browser 通过 Chrome DevTools Protocol 直接与 Chrome 通信，让 Claude Code、Cursor 和任何 MCP 客户端驱动浏览器。README 给出了与 agent-browser 的盲测对比，强调更少的 token、明确报错，以及对嵌套跨域 iframe 和 shadow DOM 的支持。
01
简评
designer-skillMCP Servers · ★ 47
提升编程智能体生成的界面质量
public-browserMCP Servers · ★ 19
让编程智能体在 Chrome 里测试网页应用
02
并排对比
字段
designer-skillpublic-browser分类
MCP 服务器
MCP 服务器
Stars
★ 47
★ 19
许可证
MIT
MIT
安装方式
npx skills add PyModel/designer-skill --skill designer-skill -g -y
claude mcp add --scope user public-browser -- npx -y public-browser@latest
更新时间
1天前
1天前
开源
是
是
标签
AI 智能体, Claude, Claude Code
代理式 AI, AI 智能体, 浏览器自动化
03
功能特性
designer-skill01三个工具：get_preflight_brief、dispatch_intent 和 review_and_gate
02无需 API Key 或额外配置
03适用于 Claude Code、Codex、Cursor、VS Code 等 MCP 客户端
public-browser01直接连接 CDP，用无障碍树引用元素
02选择器匹配多个元素时返回候选项，而不是静默失败
03支持嵌套的跨域 iframe 和 shadow DOM
04提供 Node 库和 Python 客户端，无需大模型即可运行同样的工具
04
使用场景
designer-skill↳提升编程智能体生成的界面质量
↳在交付前审查并把关界面改动
public-browser↳让编程智能体在 Chrome 里测试网页应用
↳作为 Playwright MCP 或 Chrome DevTools MCP 的更省 token 的替代方案
FAQ
常见问题
designer-skill 和 public-browser 有什么区别？
designer-skill 和 public-browser 都属于 MCP Servers 类别。designer-skill 有 47 Stars，public-browser 有 19 Stars。
designer-skill 和 public-browser 哪个更好？
最佳选择取决于你的具体需求。提升编程智能体生成的界面质量 时选 designer-skill，让编程智能体在 Chrome 里测试网页应用 时选 public-browser。
designer-skill 是免费的吗？
是的，designer-skill 在 GitHub 开源（MIT）。
public-browser 是免费的吗？
是的，public-browser 在 GitHub 开源（MIT）。
推荐云部署
Ad在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器，新用户立享 $200 免费额度（60天有效）。
→