claude-wordpress-skills MCP — 使用场景, 安装 & 实时演示

为什么要用

核心特性

WordPress Coding Standards (WPCS) baked in
Gutenberg block development with modern tooling
Security patterns: nonces, capabilities, sanitization, escaping
Performance: object cache, transients, query tuning
Theme/plugin packaging, i18n, accessibility checklists

实时演示

实际使用效果

claude-wordpress-skill.replay ▶ 就绪

0/0

安装

选择你的客户端

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "claude-wordpress-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/elvismdev/claude-wordpress-skills",
        "~/.claude/skills/claude-wordpress-skills"
      ],
      "_inferred": true
    }
  }
}

打开 Claude Desktop → Settings → Developer → Edit Config。保存后重启应用。

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "claude-wordpress-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/elvismdev/claude-wordpress-skills",
        "~/.claude/skills/claude-wordpress-skills"
      ],
      "_inferred": true
    }
  }
}

Cursor 使用与 Claude Desktop 相同的 mcpServers 格式。项目级配置优先于全局。

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "claude-wordpress-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/elvismdev/claude-wordpress-skills",
        "~/.claude/skills/claude-wordpress-skills"
      ],
      "_inferred": true
    }
  }
}

点击 Cline 侧栏中的 MCP Servers 图标，然后选 "Edit Configuration"。

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "claude-wordpress-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/elvismdev/claude-wordpress-skills",
        "~/.claude/skills/claude-wordpress-skills"
      ],
      "_inferred": true
    }
  }
}

格式与 Claude Desktop 相同。重启 Windsurf 生效。

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "claude-wordpress-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/elvismdev/claude-wordpress-skills",
        "~/.claude/skills/claude-wordpress-skills"
      ]
    }
  ]
}

Continue 使用服务器对象数组，而非映射。

~/.config/zed/settings.json

{
  "context_servers": {
    "claude-wordpress-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/elvismdev/claude-wordpress-skills",
          "~/.claude/skills/claude-wordpress-skills"
        ]
      }
    }
  }
}

加入 context_servers。Zed 保存后热重载。

claude mcp add claude-wordpress-skill -- git clone https://github.com/elvismdev/claude-wordpress-skills ~/.claude/skills/claude-wordpress-skills

一行命令搞定。用 claude mcp list 验证，claude mcp remove 卸载。

使用场景

实战用法： claude-wordpress-skills

How to build a Gutenberg block the modern way

👤 WordPress developers building custom blocks ⏱ ~45 min intermediate

何时使用： You need a custom editor block and don't want to hand-roll outdated ESNext + webpack scaffolding.

前置条件

Node 18+ and WordPress 6.3+ — nvm install 18; wp-env or local install
Skill cloned — git clone https://github.com/elvismdev/claude-wordpress-skills ~/.claude/skills/claude-wordpress-skills

步骤

Describe the block

Build a Testimonial block: quote text, author name, author photo — edit and save views.✓ 已复制

→ block.json + edit.js + save.js scaffolded, @wordpress/scripts build setup
Add attributes and controls

Add an alignment control and a color picker.✓ 已复制

→ BlockControls / InspectorControls added correctly
Bundle and register

Write the PHP that registers the block from block.json.✓ 已复制

→ register_block_type( __DIR__ . '/build/block.json' )

结果： A working modern Gutenberg block with proper packaging.

注意事项

Missing i18n wrappers — Skill reminds Claude to wrap strings with __() and _x()

搭配使用： filesystem

Audit a plugin for common WordPress security issues

👤 Plugin maintainers, site owners ⏱ ~60 min advanced

何时使用： Before shipping a plugin or inheriting one.

步骤

Scope the audit

Audit this plugin for: nonce usage on every form, capability checks on every action, output escaping, SQL prep.✓ 已复制

→ Per-category findings with file:line
Fix the highest-risk ones

Apply the top 3 fixes — nonces on the admin form, esc_html on the dashboard widget, $wpdb->prepare on the custom query.✓ 已复制

→ Diffs to the plugin files
Regression test

List what to manually test to confirm the fixes don't break anything.✓ 已复制

→ Short manual test checklist

结果： A more secure plugin with documented fixes.

注意事项

False positives on nonces where a REST permission callback is already in place — Provide context: REST routes with permission callbacks don't need form nonces

搭配使用： github

Do a performance pass on a slow WordPress site

👤 Developers responsible for WordPress site perf ⏱ ~60 min advanced

何时使用： TTFB is bad, dashboard is slow, or a specific template is dragging.

步骤

Identify the bottleneck

Walk me through common WordPress perf bottlenecks and which log/profiling tool to start with.✓ 已复制

→ Query Monitor, debug.log, object cache check
Query tuning

Here are the top 5 slow queries. Suggest indexes or query rewrites.✓ 已复制

→ Per-query recommendations
Cache strategy

Which caching layers should be active here? Object cache, page cache, fragment caching — suggest a stack.✓ 已复制

→ Concrete cache plan with plugins/services

结果： Concrete perf wins you can measure on the next deploy.

注意事项

Adding a caching plugin without fixing the underlying slow query — Always measure before and after each change

组合

与其他 MCP 搭配，撬动十倍杠杆

claude-wordpress-skill + filesystem

Operate across a plugin/theme directory for audits and refactors

Audit wp-content/plugins/my-plugin/ for security issues and apply the top 5 fixes.✓ 已复制

claude-wordpress-skill + github

Open PRs for security fixes with proper descriptions

Open a PR titled 'Security: nonces on admin forms' with the patches.✓ 已复制

工具

此 MCP 暴露的能力

工具	输入参数	何时调用
gutenberg-block-authoring	block intent + attributes	Any custom block work
wp-security-audit	plugin/theme path	Pre-ship or inheritance review
wp-performance-review	slow endpoints + config	When speed matters
wp-coding-standards	any PHP/JS code	Auto-applied during authoring

成本与限制

运行它的成本

API 配额: none
每次调用 Token 数: 5–20k per audit or block
费用: free
提示: Scope by file or feature; don't feed Claude 100 plugins at once

安全

权限、密钥、影响范围

凭据存储： none at the skill level; WP admin creds if you also use a deploy/REST tool

数据出站： none

Security audits are advisory — commission a proper audit for production e-commerce

故障排查

常见错误与修复

Block build fails with @wordpress/scripts

Verify Node version and that @wordpress/scripts is in devDependencies; rebuild.

验证： node -v && npx wp-scripts --version

Claude suggests outdated enqueue patterns

Specify the WordPress version you target and prefer register_block_type_from_metadata.

替代方案

claude-wordpress-skills 对比其他方案

替代方案	何时用它替代	权衡
claude-code-owasp-skill	You need general web app security, not WordPress-specific	Broader but misses WP idioms
symfony-ux-skill	You're in Symfony instead of WordPress	Different stack

claude-wordpress-skills

为什么要用

核心特性

实时演示

实际使用效果

安装

选择你的客户端

使用场景

实战用法： claude-wordpress-skills

How to build a Gutenberg block the modern way

前置条件

步骤

注意事项

Audit a plugin for common WordPress security issues

步骤

注意事项

Do a performance pass on a slow WordPress site

步骤

注意事项

组合

与其他 MCP 搭配，撬动十倍杠杆

工具

此 MCP 暴露的能力

成本与限制

运行它的成本

安全

权限、密钥、影响范围

故障排查

常见错误与修复

替代方案

claude-wordpress-skills 对比其他方案

更多

资源