/ ディレクトリ / プレイグラウンド / claude-wordpress-skills
● コミュニティ elvismdev ⚡ 即起動

claude-wordpress-skills

作者 elvismdev · elvismdev/claude-wordpress-skills

Claude をシニア WordPress エンジニアに — セキュリティ、パフォーマンス、Gutenberg ブロック、テーマ・プラグインの規律を備えます。

claude-wordpress-skills は WordPress 開発向けのプロフェッショナルスキルパックです。セキュリティ監査(nonce、権限チェック、エスケープ)、パフォーマンス最適化(キャッシュ、クエリチューニング)、Gutenberg ブロック開発(モダン JS + block.json)、テーマ/プラグインのベストプラクティス(i18n、アクセシビリティ、WP Coding Standards)を網羅しています。一度読み込めば、Claude が2015年時代の WordPress コードを書くことはなくなります。

なぜ使うのか

主な機能

ライブデモ

実際の動作

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

モダンな方法で Gutenberg ブロックを構築する

👤 カスタムブロックを構築する WordPress 開発者 ⏱ ~45 min intermediate

使うタイミング: カスタムエディターブロックが必要で、旧式の ESNext + webpack スキャフォールディングを手作業で組みたくない場合。

前提条件
  • Node 18+ および WordPress 6.3+ — nvm install 18; wp-env またはローカルインストール
  • スキルのクローン — git clone https://github.com/elvismdev/claude-wordpress-skills ~/.claude/skills/claude-wordpress-skills
フロー
  1. ブロックの内容を説明する
    Testimonial ブロックを作成:引用テキスト、著者名、著者写真 — 編集ビューと保存ビュー。✓ コピーしました
    → block.json + edit.js + save.js のスキャフォールド、@wordpress/scripts ビルド設定
  2. 属性とコントロールを追加する
    配置コントロールとカラーピッカーを追加して。✓ コピーしました
    → BlockControls / InspectorControls が正しく追加される
  3. バンドルして登録する
    block.json からブロックを登録する PHP を書いて。✓ コピーしました
    → register_block_type( __DIR__ . '/build/block.json' )

結果: 適切なパッケージングを備えた、動作するモダンな Gutenberg ブロック。

注意点
  • i18n ラッパーの欠落 — スキルが Claude に文字列を __()_x() でラップするようリマインドします
組み合わせ: filesystem

プラグインの一般的な WordPress セキュリティ問題を監査する

👤 プラグインメンテナー、サイトオーナー ⏱ ~60 min advanced

使うタイミング: プラグインをリリースする前、または既存プラグインを引き継ぐ際に。

フロー
  1. 監査のスコープを決める
    このプラグインを監査して:すべてのフォームでの nonce 使用、すべてのアクションでの権限チェック、出力エスケープ、SQL プリペアド。✓ コピーしました
    → カテゴリごとの指摘事項(ファイル名:行番号付き)
  2. 最もリスクの高い問題を修正する
    上位3件を修正して — 管理フォームの nonce、ダッシュボードウィジェットの esc_html、カスタムクエリの $wpdb->prepare✓ コピーしました
    → プラグインファイルへの差分
  3. リグレッションテスト
    修正が何も壊していないことを確認するために手動テストすべき項目を挙げて。✓ コピーしました
    → 簡潔な手動テストチェックリスト

結果: 修正内容が文書化された、より安全なプラグイン。

注意点
  • REST の permission callback が既に設定されている箇所での nonce に関する誤検知 — コンテキストを提供してください:permission callback 付きの REST ルートにはフォーム nonce は不要です
組み合わせ: github

遅い WordPress サイトのパフォーマンス改善を実施する

👤 WordPress サイトのパフォーマンスを担当する開発者 ⏱ ~60 min advanced

使うタイミング: TTFB が悪い、管理画面が遅い、または特定のテンプレートが足を引っ張っている場合。

フロー
  1. ボトルネックを特定する
    WordPress の一般的なパフォーマンスボトルネックと、最初に使うべきログ/プロファイリングツールを教えて。✓ コピーしました
    → Query Monitor、debug.log、オブジェクトキャッシュの確認
  2. クエリチューニング
    遅いクエリのトップ5がこちら。インデックスの追加やクエリの書き換えを提案して。✓ コピーしました
    → クエリごとの改善提案
  3. キャッシュ戦略
    ここではどのキャッシュレイヤーを有効にすべき?オブジェクトキャッシュ、ページキャッシュ、フラグメントキャッシュ — スタックを提案して。✓ コピーしました
    → プラグイン/サービスを含む具体的なキャッシュ計画

結果: 次回のデプロイで計測可能な、具体的なパフォーマンス改善。

注意点
  • 根本的な遅いクエリを修正せずにキャッシュプラグインを追加する — 変更ごとに必ず前後を計測すること

組み合わせ

他のMCPと組み合わせて10倍の力を

claude-wordpress-skill + filesystem

監査やリファクタリングのためにプラグイン/テーマディレクトリ全体を操作する

wp-content/plugins/my-plugin/ のセキュリティ問題を監査し、上位5件の修正を適用して。✓ コピーしました
claude-wordpress-skill + github

適切な説明を付けてセキュリティ修正の PR を作成する

「Security: nonces on admin forms」というタイトルでパッチ付きの PR を作成して。✓ コピーしました

ツール

このMCPが提供する機能

ツール入力呼び出すタイミングコスト
gutenberg-block-authoring block intent + attributes カスタムブロック関連の作業全般 0
wp-security-audit plugin/theme path リリース前または引き継ぎ時のレビュー 0
wp-performance-review slow endpoints + config 速度が重要な場合 0
wp-coding-standards any PHP/JS code コード作成時に自動適用 0

コストと制限

運用コスト

APIクォータ
なし
呼び出しあたりのトークン
監査またはブロックごとに5〜20kトークン
金額
無料
ヒント
ファイルまたは機能単位でスコープを絞ること。一度に100個のプラグインを Claude に投入しないでください

セキュリティ

権限、シークレット、影響範囲

認証情報の保管: スキルレベルでは不要。デプロイ/REST ツールも併用する場合は WP 管理者認証情報が必要
データ送信先: なし

トラブルシューティング

よくあるエラーと対処法

@wordpress/scripts でブロックビルドが失敗する

Node のバージョンと @wordpress/scripts が devDependencies に含まれていることを確認し、再ビルドしてください。

確認: node -v && npx wp-scripts --version
Claude が古い enqueue パターンを提案する

対象の WordPress バージョンを明示し、register_block_type_from_metadata を優先してください。

代替案

claude-wordpress-skills 他との比較

代替案代わりに使う場面トレードオフ
claude-code-owasp-skillWordPress 固有ではなく、一般的な Web アプリケーションセキュリティが必要な場合より広範だが WP 固有のイディオムをカバーしない
symfony-ux-skillWordPress ではなく Symfony を使用している場合技術スタックが異なる

その他

リソース

📖 GitHub の公式 README を読む

🐙 オープンな issue を見る

🔍 400以上のMCPサーバーとSkillsを見る