claude-wordpress-skills MCP — Casos de uso, Instalar & Demo ao vivo

Por que usar

Principais recursos

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

Demo ao vivo

Como fica na prática

claude-wordpress-skill.replay ▶ pronto

0/0

Instalar

Escolha seu cliente

~/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
    }
  }
}

Abra Claude Desktop → Settings → Developer → Edit Config. Reinicie após salvar.

~/.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 usa o mesmo esquema mcpServers que o Claude Desktop. Config de projeto vence a global.

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
    }
  }
}

Clique no ícone MCP Servers na barra lateral do Cline, depois "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
    }
  }
}

Mesmo formato do Claude Desktop. Reinicie o Windsurf para aplicar.

~/.continue/config.json

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

O Continue usa um array de objetos de servidor em vez de um map.

~/.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"
        ]
      }
    }
  }
}

Adicione em context_servers. Zed recarrega automaticamente ao salvar.

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

Uma linha só. Verifique com claude mcp list. Remova com claude mcp remove.

Casos de uso

Usos do mundo real: claude-wordpress-skills

How to build a Gutenberg block the modern way

👤 WordPress developers building custom blocks ⏱ ~45 min intermediate

Quando usar: You need a custom editor block and don't want to hand-roll outdated ESNext + webpack scaffolding.

Pré-requisitos

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

Fluxo

Describe the block

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

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

Add an alignment control and a color picker.✓ Copiado

→ BlockControls / InspectorControls added correctly
Bundle and register

Write the PHP that registers the block from block.json.✓ Copiado

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

Resultado: A working modern Gutenberg block with proper packaging.

Armadilhas

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

Combine com: filesystem

Audit a plugin for common WordPress security issues

👤 Plugin maintainers, site owners ⏱ ~60 min advanced

Quando usar: Before shipping a plugin or inheriting one.

Fluxo

Scope the audit

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

→ 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.✓ Copiado

→ Diffs to the plugin files
Regression test

List what to manually test to confirm the fixes don't break anything.✓ Copiado

→ Short manual test checklist

Resultado: A more secure plugin with documented fixes.

Armadilhas

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

Combine com: github

Do a performance pass on a slow WordPress site

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

Quando usar: TTFB is bad, dashboard is slow, or a specific template is dragging.

Fluxo

Identify the bottleneck

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

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

Here are the top 5 slow queries. Suggest indexes or query rewrites.✓ Copiado

→ Per-query recommendations
Cache strategy

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

→ Concrete cache plan with plugins/services

Resultado: Concrete perf wins you can measure on the next deploy.

Armadilhas

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

Combinações

Combine com outros MCPs para 10× de alavancagem

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.✓ Copiado

claude-wordpress-skill + github

Open PRs for security fixes with proper descriptions

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

Ferramentas

O que este MCP expõe

Ferramenta	Entradas	Quando chamar
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

Custo e limites

O que custa rodar

Cota de API: none
Tokens por chamada: 5–20k per audit or block
Monetário: free
Dica: Scope by file or feature; don't feed Claude 100 plugins at once

Segurança

Permissões, segredos, alcance

Armazenamento de credenciais: none at the skill level; WP admin creds if you also use a deploy/REST tool

Saída de dados: none

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

Solução de problemas

Erros comuns e correções

Block build fails with @wordpress/scripts

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

Verificar: node -v && npx wp-scripts --version

Claude suggests outdated enqueue patterns

Specify the WordPress version you target and prefer register_block_type_from_metadata.

Alternativas

claude-wordpress-skills vs. outros

Alternativa	Quando usar	Troca
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

Mais

Recursos

📖 Leia o README oficial no GitHub

🐙 Ver issues abertas

🔍 Ver todos os 400+ servidores MCP e Skills