スキル wp-interactivity-api

📦

wp-interactivity-api

Name: wp-interactivity-api
Author: Automattic

コンテンツリビジョン r2 安全 🌐 ネットワークアクセス⚙️ 外部コマンド

WordPress Interactivity API 機能を構築する

WordPress Interactivity API の作業は、ディレクティブ、ストア、hydration が一致していないと失敗することがあります。このスキルは Claude、Codex、Claude Code に、焦点を絞ったデバッグと実装手順を案内します。

対応: Claude Codex Code(CC)

📊 75 十分

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

Review the Skillstore skill "wp-interactivity-api" from https://skillstore.io/skills/automattic-wp-interactivity-api.md and its manifest at https://skillstore.io/api/skills/automattic-wp-interactivity-api/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/automattic-wp-interactivity-api.md 署名済み manifest GET /api/skills/automattic-wp-interactivity-api/manifest 署名済み lockfile GET /api/skills/automattic-wp-interactivity-api/lockfile

テストする

「wp-interactivity-api」を使用しています。ボタンには Interactivity API directives がありますが、クリックしても何も起きません。

期待される結果:

module loading と namespace mismatches から始める、考えられる原因の短い診断。
interactive root、store registration、action name、console errors を確認するためのチェックリスト。
手動のブラウザテストと利用可能な end-to-end tests を含む検証計画。

「wp-interactivity-api」を使用しています。この block を WordPress 6.9 Interactivity API 互換性の観点でレビューしてください。

期待される結果:

非推奨の ignore behavior、一意の directive IDs、navigation state resets を含む互換性レビュー。
影響を受ける markup、store behavior、想定されるユーザー影響を含む、優先順位付きの変更リスト。
更新後にフロントエンドのインタラクションをスモークテストするためのリリースチェックリスト。

「wp-interactivity-api」を使用しています。 server-rendered WordPress block に interactive toggle を追加してください。

期待される結果:

markup directives、store state、action handling に関するスコープ化された実装計画。
初期 server output と client hydration の整合性を保つための注意点。
レイアウトのちらつきなしに toggle が表示状態を更新することを確認する推奨テスト。

セキュリティ監査

安全

v9 • 2026/7/23 バージョン別レポートを開く

All 48 static findings are false positives. Markdown backticks and code fences were misread as shell execution. Other matches are ordinary WordPress guidance and a nonce-protected local AJAX example.

スキャンされたファイル

552

解析済み行数

レビュー項目

誤検知を無視

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex 監査履歴を表示 →

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/automattic-wp-interactivity-api/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/automattic-wp-interactivity-api/security.svg)](https://skillstore.io/skills/automattic-wp-interactivity-api?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/automattic-wp-interactivity-api?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/automattic-wp-interactivity-api/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/automattic-wp-interactivity-api.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学術引用 (APA · BibTeX · CFF)

APA形式の引用

Automattic. (2026). wp-interactivity-api security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/automattic-wp-interactivity-api/audits/9

BibTeX形式の引用

@techreport{automattic-automattic-wp-interactivity-api-2026,
  author = {Automattic},
  title = {wp-interactivity-api security audit report (audit version 9)},
  institution = {Skillstore},
  year = {2026},
  number = {9},
  url = {https://skillstore.io/skills/automattic-wp-interactivity-api/audits/9},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "wp-interactivity-api security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
  - name: "Automattic"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/automattic-wp-interactivity-api/audits/9"
identifiers:
  - type: other
    value: "skillstore:automattic-wp-interactivity-api:audit:9"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由証拠の信頼度: 高

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

動作しないディレクティブを修正する

レンダリングされた data-wp directives が actions をトリガーしない、または state を更新しない理由を診断します。

Interactive Blocks を追加する

view script modules とスコープ化された store state を使用して、新しい interactive block を計画します。

Interactivity の変更をレビューする

pull request で hydration の整合性、directive scope、WordPress 6.9 互換性を確認します。

これらのプロンプトを試す

API 使用箇所を特定する

このプロジェクトで WordPress Interactivity API が使われている箇所を見つけてください。ディレクティブ、stores、view script module integration を要約してください。

壊れたインタラクションをデバッグする

この WordPress interaction が実行されない理由をデバッグしてください。interactive root、module loading、store namespace、hydration errors を確認してください。

スコープ化された変更を実装する

最小限のディレクティブでこのインタラクティブな挙動を追加してください。server markup と client state の整合性を保ち、その後に検証手順を説明してください。

バージョン互換性を監査する

この Interactivity API 実装について、WordPress 6.9 互換性、非推奨の data-wp-ignore 使用、directive ID collisions をレビューしてください。

ベストプラクティス

挙動を変更する前に、既存のディレクティブ、stores、view script module wiring を特定することから始めます。
interactive roots は小さく保ち、server-rendered markup を初期 client state と一致させます。
プロジェクトに end-to-end coverage がある場合は、それと手動のインタラクションテストで変更を検証します。

回避

明確な state boundary なしに、大きなページセクション全体へ広範な interactive roots を追加すること。
conditional rendering や separate regions の代わりに、非推奨の data-wp-ignore behavior を使用すること。
store namespaces、action names、hydration output を確認せずに directive names を変更すること。

よくある質問

このスキルはどのようなプロジェクト向けですか?

blocks、themes、plugins で Interactivity API を使用している WordPress プロジェクト向けです。

新しい interactive block を作成できますか?

はい。scaffold choices、directive placement、store state、検証手順を案内できます。

hydration の問題をデバッグできますか?

はい。server markup、initial state、directive scope、client-side errors に重点を置きます。

WP-CLI は必須ですか?

いいえ。一部のワークフローでは WP-CLI を使用することがありますが、このスキルはコードレビューと手動デバッグにも対応しています。

WordPress 6.9 の変更に対応していますか?

はい。一意の directive IDs、非推奨の data-wp-ignore behavior、navigation state resets に関するガイダンスが含まれています。

ブラウザの挙動を保証できますか?

いいえ。ブラウザの挙動については、引き続きサイトアクセス、console inspection、interaction testing が必要です。

開発者情報

作成者

Automattic

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/Automattic/agent-skills/tree/trunk/skills/wp-interactivity-api

参照

89edfdc710d0846129dcee6a929477b04f08052c

メンテナンスの新しさ

2026/7/24

利用状況

8 ダウンロード · 283 閲覧

ファイル構成

📁 references/

📄 debugging.md

📄 directives-quickref.md

📄 server-side-rendering.md

カスタム WordPress テーマを構築

作成者 sickn33

カスタム WordPress テーマの作業は、多くの場合、テンプレート、PHP セットアップ、エディター対応、スタイリング、テストにまたがります。このスキルは、その作業を Claude、Codex、Claude Code 向けの段階的なワークフローに変換します。

コーディング＆開発表示

wp-interactivity-api

自分のエージェントでインストール

エージェントが読めるリソース

テストする

セキュリティ監査

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

Skillstore スコア

作成できるもの

動作しないディレクティブを修正する

Interactive Blocks を追加する

Interactivity の変更をレビューする

これらのプロンプトを試す

ベストプラクティス

回避

よくある質問

開発者情報

Automattic のその他のスキル

wp-block-themes

wp-plugin-development

wp-block-development

wp-performance

wp-wpcli-and-ops

wordpress-router

関連スキル

wordpress-plugin-development

woocommerce-code-review

woocommerce-backend-dev

wp-test-analyzer

wordpress-dev

wordpress-theme-development