claude-wordpress-skills — インストール & ライブデモ

なぜ使うのか

主な機能

WordPress Coding Standards (WPCS) を標準搭載
モダンツールによる Gutenberg ブロック開発
セキュリティパターン：nonce、権限チェック、サニタイズ、エスケープ
パフォーマンス：オブジェクトキャッシュ、トランジェント、クエリチューニング
テーマ／プラグインのパッケージング、i18n、アクセシビリティチェックリスト

ライブデモ

実際の動作

claude-wordpress-skill.replay ▶ 準備完了

0/0

インストール

作者のリポジトリ · Claude Skills の公式ドキュメント

ユースケース

実用的な使い方： claude-wordpress-skills

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

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

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

フロー

ブロックの内容を説明する

Testimonial ブロックを作成：引用テキスト、著者名、著者写真 — 編集ビューと保存ビュー。✓ コピーしました

→ block.json + edit.js + save.js のスキャフォールド、@wordpress/scripts ビルド設定
属性とコントロールを追加する

配置コントロールとカラーピッカーを追加して。✓ コピーしました

→ BlockControls / InspectorControls が正しく追加される
バンドルして登録する

block.json からブロックを登録する PHP を書いて。✓ コピーしました

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

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

注意点

i18n ラッパーの欠落 — スキルが Claude に文字列を __() や _x() でラップするようリマインドします

組み合わせ： filesystem

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

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

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

フロー

監査のスコープを決める

このプラグインを監査して：すべてのフォームでの nonce 使用、すべてのアクションでの権限チェック、出力エスケープ、SQL プリペアド。✓ コピーしました

→ カテゴリごとの指摘事項（ファイル名:行番号付き）
最もリスクの高い問題を修正する

上位3件を修正して — 管理フォームの nonce、ダッシュボードウィジェットの esc_html、カスタムクエリの $wpdb->prepare。✓ コピーしました

→ プラグインファイルへの差分
リグレッションテスト

修正が何も壊していないことを確認するために手動テストすべき項目を挙げて。✓ コピーしました

→ 簡潔な手動テストチェックリスト

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

注意点

REST の permission callback が既に設定されている箇所での nonce に関する誤検知 — コンテキストを提供してください：permission callback 付きの REST ルートにはフォーム nonce は不要です

組み合わせ： github

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

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

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

フロー

ボトルネックを特定する

WordPress の一般的なパフォーマンスボトルネックと、最初に使うべきログ／プロファイリングツールを教えて。✓ コピーしました

→ Query Monitor、debug.log、オブジェクトキャッシュの確認
クエリチューニング

遅いクエリのトップ5がこちら。インデックスの追加やクエリの書き換えを提案して。✓ コピーしました

→ クエリごとの改善提案
キャッシュ戦略

ここではどのキャッシュレイヤーを有効にすべき？オブジェクトキャッシュ、ページキャッシュ、フラグメントキャッシュ — スタックを提案して。✓ コピーしました

→ プラグイン／サービスを含む具体的なキャッシュ計画

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

注意点

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

組み合わせ

他の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	カスタムブロック関連の作業全般
wp-security-audit	plugin/theme path	リリース前または引き継ぎ時のレビュー
wp-performance-review	slow endpoints + config	速度が重要な場合
wp-coding-standards	any PHP/JS code	コード作成時に自動適用

コストと制限

運用コスト

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

セキュリティ

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

認証情報の保管： スキルレベルでは不要。デプロイ／REST ツールも併用する場合は WP 管理者認証情報が必要

データ送信先： なし

セキュリティ監査はあくまで助言です — 本番の EC サイトでは正式なセキュリティ監査を依頼してください

トラブルシューティング

よくあるエラーと対処法

@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-skill	WordPress 固有ではなく、一般的な Web アプリケーションセキュリティが必要な場合	より広範だが WP 固有のイディオムをカバーしない
symfony-ux-skill	WordPress ではなく Symfony を使用している場合	技術スタックが異なる

その他

リソース

📖 GitHub の公式 README を読む

🐙 オープンな issue を見る

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