MCP工具 是 AI Skill Hub 本期精选MCP工具之一。综合评分 8.0 分,整体质量较高。我们强烈推荐将其纳入你的 AI 工具库,帮助提升工作效率。
MCP工具 是一款遵循 MCP(Model Context Protocol)标准协议的 AI 工具扩展。通过 MCP 协议,它可以让 Claude、Cursor 等主流 AI 客户端直接访问和操作外部工具、数据源和服务,实现 AI 能力的无缝扩展。无论是文件操作、数据库查询还是 API 调用,都可以通过自然语言在 AI 对话中直接触发,极大提升生产效率。
MCP工具 是一款遵循 MCP(Model Context Protocol)标准协议的 AI 工具扩展。通过 MCP 协议,它可以让 Claude、Cursor 等主流 AI 客户端直接访问和操作外部工具、数据源和服务,实现 AI 能力的无缝扩展。无论是文件操作、数据库查询还是 API 调用,都可以通过自然语言在 AI 对话中直接触发,极大提升生产效率。
# 方式一:通过 Claude Code CLI 一键安装
claude skill install https://github.com/multiplex-ai/muggle-ai-works
# 方式二:手动配置 claude_desktop_config.json
{
"mcpServers": {
"mcp--": {
"command": "npx",
"args": ["-y", "muggle-ai-works"]
}
}
}
# 配置文件位置
# macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
# Windows: %APPDATA%/Claude/claude_desktop_config.json
# 安装后在 Claude 对话中直接使用 # 示例: 用户: 请帮我用 MCP工具 执行以下任务... Claude: [自动调用 MCP工具 MCP 工具处理请求] # 查看可用工具列表 # 在 Claude 中输入:"列出所有可用的 MCP 工具"
// claude_desktop_config.json 配置示例
{
"mcpServers": {
"mcp__": {
"command": "npx",
"args": ["-y", "muggle-ai-works"],
"env": {
// "API_KEY": "your-api-key-here"
}
}
}
}
// 保存后重启 Claude Desktop 生效
Run real-browser E2E acceptance tests on your web app from any AI coding agent. Generate test scripts from plain English, replay them on localhost, capture screenshots, and validate user flows like signup, checkout, and dashboards. Works across Claude Code, Cursor, Codex, and Windsurf.
One install gives your AI coding assistant the power to exercise your app like a real user would: clicking through flows, catching broken experiences, and reporting results with screenshots and evidence.
License: MIT [npm]() [MCP Tools]() [Node]()
Powered by MuggleTest — the AI-powered E2E acceptance testing platform.
---
Built by the team behind MuggleTest — AI-powered E2E acceptance testing for teams who ship fast.
Repository structure
muggle-ai-works/
├── plugin/ # Claude Code plugin (source of truth)
│ ├── .claude-plugin/ # Plugin manifest (plugin.json)
│ ├── skills/ # Skill definitions
│ │ ├── muggle/ # /muggle:muggle — command router and menu
│ │ ├── muggle-do/ # /muggle:muggle-do — autonomous dev pipeline
│ │ ├── muggle-test-feature-local/ # /muggle:muggle-test-feature-local
│ │ ├── muggle-test-regenerate-missing/# /muggle:muggle-test-regenerate-missing
│ │ ├── muggle-status/ # /muggle:muggle-status
│ │ ├── muggle-repair/ # /muggle:muggle-repair
│ │ └── muggle-upgrade/ # /muggle:muggle-upgrade
│ ├── hooks/ # Session hooks (hooks.json)
│ ├── scripts/ # Hook scripts (ensure-electron-app.sh)
│ ├── .mcp.json # MCP server config
│ └── README.md # Plugin install and usage docs
│
├── src/ # Application source
│ ├── cli/ # CLI commands (serve, setup, doctor, login, etc.)
│ └── server/ # MCP server (tool registration, stdio transport)
│
├── packages/ # Workspace packages
│ ├── mcps/ # Core MCP runtime — tool registries, schemas, services
│ ├── commands/ # CLI command contracts and registration
│ └── workflows/ # Workflow contracts and tests
│
├── scripts/ # Build and release
│ ├── build-plugin.mjs # Assembles dist/plugin/ from plugin/ source
│ ├── verify-plugin-marketplace.mjs # Validates plugin/marketplace consistency
│ ├── verify-compatibility-contracts.mjs # Validates long-term surface contracts
│ ├── verify-upgrade-experience.mjs # Validates in-place upgrade behavior
│ └── postinstall.mjs # npm postinstall (Electron app download, Cursor MCP config, skills sync)
│
├── config/compatibility/ # Contract baselines (CLI/MCP/plugin/skills)
├── bin/ # CLI entrypoint (muggle.js → dist/cli.js)
├── dist/ # Build output (gitignored)
├── .claude-plugin/ # Marketplace catalog (marketplace.json)
└── docs/ # Internal design docs and plans
Development commands
pnpm install # Install dependencies
pnpm run build # Build (tsup + plugin artifact)
pnpm run build:plugin # Rebuild plugin artifact only
pnpm run verify:plugin # Validate plugin/marketplace metadata consistency
pnpm run verify:contracts # Validate compatibility contracts (CLI/MCP/plugin/skills)
pnpm run verify:electron-release-checksums # Ensure checksums.txt exists for bundled electron release
pnpm run verify:upgrade-experience # Validate existing-user cleanup + re-download flow
pnpm run dev # Dev mode (watch)
pnpm test # Run tests
pnpm run lint # Lint (auto-fix)
pnpm run lint:check # Lint (check only)
pnpm run typecheck # TypeScript type check
CI/CD and publishing
| Workflow | Trigger | Description |
|---|---|---|
ci.yml | Push/PR to master | Lint, test, build, plugin + compatibility contract verification on multiple platforms |
verify-end-user-upgrade.yml | Weekly + manual | Existing-user upgrade validation (cleanup + re-download + health checks) |
publish-works-to-npm.yml | Tag v* or manual | Verify (including release checksums), audit, smoke-install, publish to npm |
Publishing @muggleai/works: use the maintainer-only skill .claude/skills/muggle-works-npm-release/SKILL.md — a repo-local project skill (invoke /muggle-works-npm-release in Claude Code, or /mrelease, while working in this repo; mirrored to .cursor/skills/ for Cursor). It is intentionally not in the published plugin (plugin/skills/) since it is maintainer-only. It does the bump + pnpm run sync:versions, local verify, chore(release) PR, merge, then workflow_dispatch with an explicit version. Do not rely on tagging alone while package.json / marketplace manifests on master are still old — CI can publish a version that does not match the checked-in manifests. Tag v* push remains a valid workflow trigger when it matches the merged release commit.
Release tag strategy
electron-app-vX.Y.Z tags in muggle-ai-works are for public Electron app binary releases (consumed by muggle setup, muggle upgrade, and npm postinstall).vX.Y.Z tags in muggle-ai-works are for npm publishing of @muggleai/works (publish-works-to-npm.yml).muggle-ai-teaching-service builds Electron artifacts and publishes them into this public repo using electron-app-vX.Y.Z, so binaries are publicly downloadable.Optimizing agent-facing descriptions
AI agents decide which tools to use based on text in MCP server instructions, hook context injection, skill descriptions, tool descriptions, and plugin metadata. If these don't match what users actually say, agents won't reach for muggle tools.
The optimize-descriptions skill documents the full optimization process. It lives at internal/skills/optimize-descriptions/SKILL.md — an internal-only skill that does not ship via npm or the plugin marketplace. To use it as a slash command on a dev machine, symlink or copy the folder into ~/.claude/skills/. It covers:
run_eval.pyKey files touched during optimization:
| What | File |
|---|---|
| MCP server instructions | src/server/mcp-server.ts |
| SessionStart hook injection | plugin/scripts/ensure-electron-app.sh |
| Hook config | plugin/hooks/hooks.json |
| Skill descriptions | plugin/skills/*/SKILL.md |
| Tool descriptions (local) | packages/mcps/src/mcp/tools/local/tool-registry.ts |
| Tool descriptions (cloud) | packages/mcps/src/mcp/tools/e2e/tool-registry.ts |
| Plugin metadata | plugin/.claude-plugin/plugin.json |
Quick eval run:
```bash
Claude Code
Already have code running on localhost? Test it directly:
/muggle:muggle-test-feature-local
Describe what to test in plain English. The AI finds or creates test cases, launches a real browser, and reports results with screenshots.
Cursor/Codex/Windsurf/other MCP clients
Call local execution MCP tools directly (for example muggle-local-execute-test-script-replay or related muggle-local-* commands exposed by your client).
---
Describe what to test in English. The AI finds the right project and test cases, launches a real browser, and reports results with screenshots.
> /muggle:muggle-test-feature-local
"Test my login changes on localhost:3999"
1. Auth check ✓
2. Found project: "My App"
3. Found use case: "User Login"
4. Found 2 test cases — recommend replay (minor changes detected)
5. Launching browser test runner... (approve? y)
6. Results: 2/2 PASS
Screenshots: ~/.muggle-ai/sessions/abc123/screenshots/
7. Publish to cloud? (y)
cd ~/.claude/plugins/cache/claude-plugins-official/skill-creator/unknown/skills/skill-creator
python3 -m scripts.run_eval \ --eval-set /path/to/eval_set.json \ --skill-path /path/to/plugin/skills/test-feature-local \ --model claude-opus-4-6 \ --runs-per-query 3 \ --verbose ```
See internal/skills/optimize-descriptions/SKILL.md for the full guide.
---
Claude Code (full plugin experience)
/plugin marketplace add https://github.com/multiplex-ai/muggle-ai-works
/plugin install muggleai@muggle-works
This installs:
/muggle:muggle — command router and menu/muggle:muggle-do — autonomous dev pipeline (requirements to PR)/muggle:muggle-test — change-driven E2E acceptance testing (local or remote, with PR posting)/muggle:muggle-test-feature-local — local quick E2E acceptance testing/muggle:muggle-test-regenerate-missing — bulk-regenerate test scripts for every test case that has no active script/muggle:muggle-status — health check for muggle-works plugins (Electron app, MCP server, and auth)/muggle:muggle-repair — diagnose and fix broken installation/muggle:muggle-upgrade — update to the latest versionCursor, Codex, Windsurf, and other MCP clients (MCP tools only)
npm install -g @muggleai/works
For Cursor, that's it — the install automatically configures ~/.cursor/mcp.json and syncs muggle-* skills to ~/.cursor/skills/. Just restart Cursor.
For other MCP clients, add this to your client's config:
{
"mcpServers": {
"muggle": {
"command": "muggle",
"args": ["serve"],
"env": {
"MUGGLE_MCP_PROMPT_SERVICE_TARGET": "production"
}
}
}
}
Claude slash commands are plugin-managed, so update those with /plugin update muggleai@muggle-works.
Claude Code
Describe what you want to build:
/muggle:muggle-do "Add a logout button to the header"
The AI handles the full cycle: code the feature, run unit tests, run E2E acceptance tests against the app in a real browser, and open a PR with results.
Cursor/Codex/Windsurf/other MCP clients
Use the direct MCP workflow section below to call muggle-* tools from your client.
Use any of the 70+ MCP tools directly from your AI assistant. This is the lowest-level option and the most flexible for building custom E2E acceptance workflows.
"Create a project called My App with URL https://myapp.com"
"Generate test cases for the checkout flow"
"Replay all test scripts against localhost:3000"
"Show me the latest E2E acceptance results"
---
muggle setup # Download/update browser test runner muggle setup --force # Force re-download muggle doctor # Diagnose installation issues
Authentication happens automatically when you first use a tool that requires it: a browser window opens with a verification code, you log in with your Muggle AI account, and the tool call continues. Credentials persist across sessions in ~/.muggle-ai/.
MCP client configuration examples
When installed as a plugin, MCP server configuration is shipped by the plugin (plugin/.mcp.json) and does not require manual user-level file copy.
Environment targeting — set MUGGLE_MCP_PROMPT_SERVICE_TARGET to switch between production and dev:
{
"mcpServers": {
"muggle": {
"command": "muggle",
"args": ["serve"],
"env": {
"MUGGLE_MCP_PROMPT_SERVICE_TARGET": "production"
}
}
}
}
Multi-repo config for /muggle:muggle-do — create muggle-repos.json in your working directory:
[
{ "name": "frontend", "path": "/absolute/path/to/frontend", "testCommand": "pnpm test" },
{ "name": "backend", "path": "/absolute/path/to/backend", "testCommand": "pnpm test" }
]
Data directory structure (~/.muggle-ai/)
~/.muggle-ai/
├── oauth-session.json # OAuth tokens (short-lived, auto-refresh)
├── api-key.json # Long-lived API key for service calls
├── projects/ # Local project cache
├── sessions/ # E2E test sessions
│ └── {runId}/
│ ├── action-script.json # Recorded browser steps
│ ├── results.md # Step-by-step report
│ └── screenshots/ # Per-step images
└── electron-app/ # Downloaded browser test runner
└── {version}/
---
```bash
Full development cycle: requirements to PR in one command. The AI codes the feature, writes unit tests, runs E2E acceptance tests against your running app, and opens a PR.
> /muggle:muggle-do "Add a logout button to the header"
REQUIREMENTS → Goal: Add logout button. Criteria: visible, functional, redirects.
IMPACT → frontend repo, src/components/Header.tsx
VALIDATE → Branch: feat/add-logout, 1 commit
CODING → (writes/fixes code)
UNIT_TESTS → 12/12 pass
E2E acceptance → 3/3 test cases pass
OPEN_PRS → PR #42 opened
DONE → 1 iteration, all green
~/.muggle-ai/muggle-do/sessions/)muggle-repos.jsonmuggle-ai-works 是一个强大的 AI 驱动工具,旨在让各类 AI coding agent 具备执行真实浏览器 E2E(端到端)验收测试的能力。通过该工具,开发者可以用纯英文描述测试需求,由 AI 自动生成测试脚本并在 localhost 上进行回放。它支持捕获截图并验证诸如注册、结账、仪表盘等关键用户流程。无论你使用的是 Claude Code、Cursor、Codex 还是 Windsurf,都能通过一次安装赋予 AI 像真实用户一样操作应用的能力。
本项目核心功能在于通过 AI 实现自动化测试闭环。对于 Claude Code 用户,你可以直接使用 `/muggle:muggle-test-feature-local` 命令,用自然语言描述测试目标,AI 会自动定位项目、创建测试用例并启动真实浏览器进行验证,最后通过截图报告结果。对于 Cursor、Codex、Windsurf 等支持 MCP 的客户端,你可以直接调用本地执行的 MCP tools(如 `muggle-local-execute-test-script-replay`)来实现类似的自动化测试流程。
运行本项目需要安装 Python 3.10 或更高版本,并且需要预先安装 skill-creator 插件。在进行评估或运行特定脚本时,请确保已配置好相应的插件路径及模型权限(如 Claude Opus)。
安装过程取决于你使用的客户端。对于 Claude Code 用户,可以获得完整的插件体验,通过运行 `/plugin marketplace add` 指令添加仓库地址,并使用 `/plugin install muggleai@muggle-works` 进行安装。安装完成后,你将获得包括 `/muggle:muggle` 命令路由、`/muggle:muggle-do` 自动化开发流水线以及 `/muggle:muggle-test` 驱动型 E2E 验收测试在内的全套工具集。对于其他 MCP 客户端,则需根据其 MCP 协议进行集成。
快速上手指南:在 Claude Code 中,你可以直接通过指令驱动 AI 完成开发任务。例如,使用 `/muggle:muggle-do "Add a logout button to the header"`,AI 将自动执行从需求理解、编写代码、运行单元测试到启动真实浏览器进行 E2E 验收测试的全流程,并最终提交包含测试结果的 PR。对于其他 MCP 客户端,建议参考直接调用 MCP 工具的工作流进行操作。
本项目提供 CLI 命令行参考,开发者可以通过命令行界面直接调用相关的测试与开发指令。对于集成开发者,可以通过调用 `muggle-*` 系列 MCP 工具来实现与 AI Agent 的深度交互。
项目包含两个核心工作流模块:1. `/muggle:muggle-test-feature-local`:用于本地功能测试,通过自然语言描述需求,AI 自动执行浏览器回放并反馈结果;2. `/muggle:muggle-do`:全自动开发流水线,实现从需求描述到提交 PR 的闭环,涵盖代码编写、单元测试及基于真实浏览器的 E2E 验收测试,极大提升了开发效率。
高质量的AI驱动的Web测试工具
该工具未明确声明开源协议,商业使用前请联系原作者确认授权范围,避免侵权风险。
AI Skill Hub 为第三方内容聚合平台,本页面信息基于公开数据整理,不对工具功能和质量作任何法律背书。
建议在沙箱或测试环境中充分验证后,再部署至生产环境,并做好必要的安全评估。
经综合评估,MCP工具 在MCP工具赛道中表现稳健,质量优秀。如果你已有明确的使用需求,可以直接上手体验;如果还在评估阶段,建议对比同类工具后再做决策。
| 原始名称 | muggle-ai-works |
| 原始描述 | 开源MCP工具:Your AI coding agent writes code fast — we make sure the web product actually wo。⭐16 · TypeScript |
| Topics | ai-agentsai-powered-testingbrowser-automation |
| GitHub | https://github.com/multiplex-ai/muggle-ai-works |
| 语言 | TypeScript |
收录时间:2026-06-24 · 更新时间:2026-06-26 · License:未公布 · AI Skill Hub 不对第三方内容的准确性作法律背书。
选择 Agent 类型,复制安装指令后粘贴到对应客户端