/ Verzeichnis / Playground / claude-wordpress-skills
● Community elvismdev ⚡ Sofort

claude-wordpress-skills

von elvismdev · elvismdev/claude-wordpress-skills

Make Claude a senior WordPress engineer — security, performance, Gutenberg blocks, theme and plugin discipline.

claude-wordpress-skills is a professional skills pack for WordPress work: security auditing (nonces, capabilities, escaping), performance optimization (caching, query tuning), Gutenberg block development (modern JS + block.json), and theme/plugin best practices (i18n, accessibility, WP Coding Standards). Load it once and Claude stops writing 2015-era WordPress code.

Warum nutzen

Hauptfunktionen

Live-Demo

In der Praxis

claude-wordpress-skill.replay ▶ bereit
0/0

Installieren

Wählen Sie Ihren Client

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

Öffne Claude Desktop → Settings → Developer → Edit Config. Nach dem Speichern neu starten.

~/.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 nutzt das gleiche mcpServers-Schema wie Claude Desktop. Projektkonfiguration schlägt die globale.

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

Klicken Sie auf das MCP-Servers-Symbol in der Cline-Seitenleiste, dann "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
    }
  }
}

Gleiche Struktur wie Claude Desktop. Windsurf neu starten zum Übernehmen.

~/.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 nutzt ein Array von Serverobjekten statt einer 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"
        ]
      }
    }
  }
}

In context_servers hinzufügen. Zed lädt beim Speichern neu.

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

Einzeiler. Prüfen mit claude mcp list. Entfernen mit claude mcp remove.

Anwendungsfälle

Praxisnahe Nutzung: claude-wordpress-skills

How to build a Gutenberg block the modern way

👤 WordPress developers building custom blocks ⏱ ~45 min intermediate

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

Voraussetzungen
  • 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
Ablauf
  1. Describe the block
    Build a Testimonial block: quote text, author name, author photo — edit and save views.✓ Kopiert
    → block.json + edit.js + save.js scaffolded, @wordpress/scripts build setup
  2. Add attributes and controls
    Add an alignment control and a color picker.✓ Kopiert
    → BlockControls / InspectorControls added correctly
  3. Bundle and register
    Write the PHP that registers the block from block.json.✓ Kopiert
    → register_block_type( __DIR__ . '/build/block.json' )

Ergebnis: A working modern Gutenberg block with proper packaging.

Fallstricke
  • Missing i18n wrappers — Skill reminds Claude to wrap strings with __() and _x()
Kombinieren mit: filesystem

Audit a plugin for common WordPress security issues

👤 Plugin maintainers, site owners ⏱ ~60 min advanced

Wann einsetzen: Before shipping a plugin or inheriting one.

Ablauf
  1. Scope the audit
    Audit this plugin for: nonce usage on every form, capability checks on every action, output escaping, SQL prep.✓ Kopiert
    → Per-category findings with file:line
  2. 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.✓ Kopiert
    → Diffs to the plugin files
  3. Regression test
    List what to manually test to confirm the fixes don't break anything.✓ Kopiert
    → Short manual test checklist

Ergebnis: A more secure plugin with documented fixes.

Fallstricke
  • 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
Kombinieren mit: github

Do a performance pass on a slow WordPress site

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

Wann einsetzen: TTFB is bad, dashboard is slow, or a specific template is dragging.

Ablauf
  1. Identify the bottleneck
    Walk me through common WordPress perf bottlenecks and which log/profiling tool to start with.✓ Kopiert
    → Query Monitor, debug.log, object cache check
  2. Query tuning
    Here are the top 5 slow queries. Suggest indexes or query rewrites.✓ Kopiert
    → Per-query recommendations
  3. Cache strategy
    Which caching layers should be active here? Object cache, page cache, fragment caching — suggest a stack.✓ Kopiert
    → Concrete cache plan with plugins/services

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

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

Kombinationen

Mit anderen MCPs für 10-fache Wirkung

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.✓ Kopiert
claude-wordpress-skill + github

Open PRs for security fixes with proper descriptions

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

Werkzeuge

Was dieses MCP bereitstellt

WerkzeugEingabenWann aufrufenKosten
gutenberg-block-authoring block intent + attributes Any custom block work 0
wp-security-audit plugin/theme path Pre-ship or inheritance review 0
wp-performance-review slow endpoints + config When speed matters 0
wp-coding-standards any PHP/JS code Auto-applied during authoring 0

Kosten & Limits

Was der Betrieb kostet

API-Kontingent
none
Tokens pro Aufruf
5–20k per audit or block
Kosten in €
free
Tipp
Scope by file or feature; don't feed Claude 100 plugins at once

Sicherheit

Rechte, Secrets, Reichweite

Credential-Speicherung: none at the skill level; WP admin creds if you also use a deploy/REST tool
Datenabfluss: none

Fehlerbehebung

Häufige Fehler und Lösungen

Block build fails with @wordpress/scripts

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

Prüfen: node -v && npx wp-scripts --version
Claude suggests outdated enqueue patterns

Specify the WordPress version you target and prefer register_block_type_from_metadata.

Alternativen

claude-wordpress-skills vs. andere

AlternativeWann stattdessenKompromiss
claude-code-owasp-skillYou need general web app security, not WordPress-specificBroader but misses WP idioms
symfony-ux-skillYou're in Symfony instead of WordPressDifferent stack

Mehr

Ressourcen

📖 Offizielle README auf GitHub lesen

🐙 Offene Issues ansehen

🔍 Alle 400+ MCP-Server und Skills durchsuchen