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.json高质量的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-24 · License:未公布 · AI Skill Hub 不对第三方内容的准确性作法律背书。
选择 Agent 类型,复制安装指令后粘贴到对应客户端