[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6MMFVG6774T11DA3F9BGDDK":3,"skill-same:01M6MMFVG6774T11DA3F9BGDDK":114},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":28,"publishedAt":50,"linkOnly":51,"markdownContent":52,"markdownBody":53,"frontMatter":54,"refName":84,"commitSha":85,"skillDirectory":86,"forksCount":87,"repositoryHtmlUrl":88,"repositoryHomepageUrl":89,"ownerHtmlUrl":90,"ownerBlogUrl":91,"ownerDescription":92,"updatedAt":93,"install":94,"resources":107},"01M6MMFVG6774T11DA3F9BGDDK","river-review-frontend",null,"フロントエンド観点のレビューエージェント。\nアクセシビリティ、デザインシステム準拠、Tailwind クラス衛生、UI 状態設計、\nNext.js \u002F React Router のフレームワーク境界を個別スキルへルーティングする。","hashgraph-online\u002Fawesome-codex-plugins","hashgraph-online","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F160371962?v=4","01M6CNB6NRJVNNGN14TR01Q6D3","HOL (Hashgraph Online)","01M6JT1HSKKG9V68KQAQGBA7XP",1559,"MIT","https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fs977043\u002Friver-review\u002Fskills\u002Fagent-skills\u002Friver-review-frontend\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49],"river review","review","river review frontend","river","frontend","src","vitals","lib","app","svelte","next","tsx","router","Tailwind","actions","packages","react","components","performance","css","design","2026-11-10 10:12:30",false,"---\nid: river-review-frontend\nname: river-review-frontend\ndescription: |\n  フロントエンド観点のレビューエージェント。\n  アクセシビリティ、デザインシステム準拠、Tailwind クラス衛生、UI 状態設計、\n  Next.js \u002F React Router のフレームワーク境界を個別スキルへルーティングする。\ncategory: midstream\nphase: [midstream]\nseverity: minor\napplyTo:\n  # ルーティング先 14 スキルの registry 上の applyTo の和集合（過剰に広いものは除く）。\n  # app\u002F と src\u002Froutes\u002F は Next.js Route Handlers（route.ts）\u002F React Router resource\n  # routes（JSX を含まない .ts\u002F.js）を含むため拡張子を広げる（nextjs-app-router-boundary \u002F\n  # react-router-loader-boundary \u002F react-router-action-contract の applyTo に一致）。\n  # src\u002F** 全体は {tsx,jsx,vue,svelte} に留める — .ts\u002F.js へ広げるとバックエンド系 TS 差分\n  # でも frontend エントリが発火し、river-review-code との二重発火を再導入するため。\n  - 'src\u002F**\u002F*.{tsx,jsx,vue,svelte}'\n  - 'src\u002Froutes\u002F**\u002F*.{ts,tsx,js,jsx}'\n  - 'app\u002F**\u002F*.{ts,tsx,js,jsx}'\n  - 'components\u002F**\u002F*.{ts,tsx,js,jsx}'\n  - '**\u002F*.{css,scss,less}'\n  # loading-state（lib\u002Fpackages）を完全解消、modern-web-a11y-interactive \u002F\n  # modern-web-semantic \u002F modern-web-browser-compat の pages\u002F** 分（ts\u002Ftsx\u002Fjs\u002Fjsx）を\n  # 部分解消（applyTo 包含検査 warning、#1508 系）。html\u002Fastro 系は意図的に据置き\n  # （tailwind-class-hygiene 等、C 判定 — 追加しない）。\n  - 'pages\u002F**\u002F*.{ts,tsx,js,jsx}'\n  - 'lib\u002F**\u002F*.{ts,tsx,js,jsx}'\n  - 'packages\u002F**\u002F*.{ts,tsx,js,jsx}'\n# applyTo 包含検査（#1508）の意図的除外。ルーティング表に載るが本エントリの\n# applyTo には含めないルーティング先を、理由付きで宣言する。\napplyToExemptions:\n  - skill: modern-web-performance\n    reason: 参照のみ。Core Web Vitals の実行は river-review-performance に据置く（ROUTING.md「modern-web-performance の帰属について」）。本エントリの applyTo には含めない。\ninputContext: [diff, fullFile]\noutputKind: [findings, actions]\ntags: [frontend, ui, accessibility, design-system, entry, routing]\nversion: 0.1.0\nlicense: MIT\n---\n\n# Frontend Review（フロントエンドレビュー）\n\nUI\u002Fコンポーネント変更に影響するアクセシビリティ、デザインシステム準拠、フレームワーク境界を検出し、適切な個別スキルで検証する。\n\n> **`frontend-reviewer`（review-team perspective ロール）とは別物**: `src\u002Flib\u002Freviewer-orchestrator.mjs` の `frontend-reviewer` は review-team のマルチエージェントレビューで Claude\u002FCodex が演じる perspective ロール（UI\u002Fcomponent\u002Fstyling ファイル検知時に自動追加）。本スキルは agent-skills ルーター群の一員で、キーワードから個別 registry skill へルーティングする別サーフェス。2つは独立して動作し、互いを呼び出さない。\n\n## When to Use \u002F いつ使うか\n\n- UI コンポーネント・スタイリングの変更時\n- アクセシビリティ（a11y）に関わる変更時\n- デザインシステム・デザイントークンの準拠確認が必要なとき\n- Tailwind クラスの衛生確認が必要なとき\n- Next.js App Router \u002F React Router のフレームワーク境界チェックが必要なとき\n- 他の専門エージェント（architecture, security, performance, testing, code）に該当しない UI 固有の懸念があるとき\n\n## Routing \u002F ルーティング\n\n| キーワード                                       | スキルID                        | 説明                                                                                          |\n| ------------------------------------------------ | ------------------------------- | --------------------------------------------------------------------------------------------- |\n| a11y, アクセシビリティ, alt属性, aria-label      | `a11y-accessible-name`          | アクセシビリティ基本                                                                          |\n| キーボード操作, フォーカス管理, ARIA role        | `modern-web-a11y-interactive`   | インタラクティブ UI アクセシビリティ                                                          |\n| セマンティック, div クリック, ネイティブ要素     | `modern-web-semantic`           | セマンティック HTML・プラットフォームネイティブ                                               |\n| ブラウザ互換, Baseline, feature detection        | `modern-web-browser-compat`     | ブラウザ互換性・Baseline                                                                      |\n| デザインシステム, コンポーネント再利用, Button   | `design-system-component-reuse` | デザインシステム コンポーネント再利用                                                         |\n| デザイントークン, 色の直書き, 余白, 角丸         | `design-token-enforcement`      | デザイントークン                                                                              |\n| DESIGN.md, デザイン定義準拠, スケール逸脱        | `design-source-conformance`     | デザイン Source-of-Truth 準拠                                                                 |\n| Tailwind, 任意値, クラス衛生                     | `tailwind-class-hygiene`        | Tailwind クラス衛生                                                                           |\n| ローディング, 空状態, スピナー, 状態欠落         | `loading-state`                 | ローディング状態遷移                                                                          |\n| コンポーネントバリアント, hover, focus, disabled | `component-variants-states`     | コンポーネント状態の文書化                                                                    |\n| Next.js, App Router, use client                  | `nextjs-app-router-boundary`    | Next.js App Router 境界                                                                       |\n| React Router, loader, useEffect データ取得       | `react-router-loader-boundary`  | React Router loader 境界                                                                      |\n| React Router, action, ErrorBoundary              | `react-router-action-contract`  | React Router action 契約                                                                      |\n| Core Web Vitals, LCP, INP, CLS                   | `modern-web-performance`        | 参照のみ。実行は `river-review-performance`（[理由](#modern-web-performance-の帰属について)） |\n\n### デフォルト動作\n\n- キーワード指定なし → 以下のヒューリスティクスで判定:\n  - React\u002FVue\u002FSvelte コンポーネントファイル → `a11y-accessible-name` + `modern-web-a11y-interactive`\n  - `app\u002F` ディレクトリ（Next.js App Router）→ `nextjs-app-router-boundary`\n  - `routes\u002F` ディレクトリ（React Router）→ `react-router-loader-boundary` + `react-router-action-contract`\n  - CSS\u002FTailwind ファイル → `design-token-enforcement` + `tailwind-class-hygiene`\n\n### `modern-web-performance` の帰属について\n\n14 候補スキルのうち `modern-web-performance`（Core Web Vitals \u002F LCP \u002F INP \u002F CLS）は UI 起因の懸念だが、ドメイン一貫性を優先し実行は owner skill `river-review-performance` に据え置く。詳細判断が必要な場合だけ skill ID で owner を解決し、その owner-local routing contract に従う。owner を解決できない場合は performance の詳細判断を推測で再構築しない。本表には**到達性のための参照行**として掲載するのみで、frontend 側に重複するアクティブなキーワードルートは追加しない（同一キーワードが2ルーターで競合発火するリスクを避けるため）。\n\n## Execution Flow \u002F 実行フロー\n\n```text\n1. 変更内容の分類\n   ├─ キーワード指定あり → 該当スキルを直接選択\n   ├─ コンポーネントファイル → a11y-accessible-name + modern-web-a11y-interactive を優先\n   ├─ app\u002F ディレクトリ → nextjs-app-router-boundary を追加\n   ├─ routes\u002F ディレクトリ → react-router-loader-boundary + react-router-action-contract を追加\n   └─ CSS\u002FTailwind ファイル → design-token-enforcement + tailwind-class-hygiene を追加\n\n2. スキルの実行\n   ├─ a11y-accessible-name: アクセシビリティ基本\n   ├─ modern-web-a11y-interactive: インタラクティブ UI アクセシビリティ\n   ├─ modern-web-semantic: セマンティック HTML・プラットフォームネイティブ\n   ├─ modern-web-browser-compat: ブラウザ互換性・Baseline\n   ├─ design-system-component-reuse: デザインシステム コンポーネント再利用\n   ├─ design-token-enforcement: デザイントークン\n   ├─ design-source-conformance: デザイン Source-of-Truth 準拠\n   ├─ tailwind-class-hygiene: Tailwind クラス衛生\n   ├─ loading-state: ローディング状態遷移\n   ├─ component-variants-states: コンポーネント状態の文書化\n   ├─ nextjs-app-router-boundary: Next.js App Router 境界\n   ├─ react-router-loader-boundary: React Router loader 境界\n   └─ react-router-action-contract: React Router action 契約\n\n3. 統合\n   ├─ 重複する指摘の除去\n   └─ Checklistに基づく UI 品質チェックの補完\n```\n\n## Checklist \u002F チェックリスト\n\nフロントエンドレビューでは以下を確認する:\n\n### アクセシビリティ\n\n- alt \u002F aria-label \u002F label 関連付けが欠けていないか\n- キーボード操作・フォーカス管理・ライブリージョンが機能するか\n- セマンティックでない要素（div onClick 等）を native 要素に置き換えられないか\n\n### デザインシステム \u002F トークン\n\n- 既存コンポーネント（Button \u002F Input \u002F Modal \u002F Card 等）の再実装がないか\n- 色・余白・フォントサイズ・角丸・シャドウがデザイントークン \u002F DESIGN.md のスケールに準拠しているか\n- Tailwind の任意値（arbitrary value）がテーマスケールを迂回していないか\n\n### UI 状態設計\n\n- loading \u002F error \u002F empty state の表示が欠けていないか\n- コンポーネントの variants・インタラクティブ状態（hover \u002F focus \u002F disabled）が定義・文書化されているか\n\n### フレームワーク境界\n\n- Next.js App Router のサーバー\u002Fクライアントコンポーネント境界（`use client`）が適切か\n- React Router の loader\u002Faction 契約（データ取得は loader、`useEffect` フェッチの誤用、action のエラー表現と ErrorBoundary）を満たすか\n\n## Output Format \u002F 出力形式\n\n```text\n\u003Cfile>:\u003Cline>: \u003Cmessage>\n```\n\n- **Finding**: 何が問題か（1文）\n- **Impact**: 何が困るか（短く）\n- **Fix**: 次の一手（最小の修正案）\n\n## 他スキルとの関係\n\n| スキル                      | 関係 | 棲み分け                                                                                                     |\n| --------------------------- | ---- | ------------------------------------------------------------------------------------------------------------ |\n| `river-review-code`         | 補完 | frontend は「UI 固有の懸念」、code は「一般コード品質」。UI 系ルートは frontend に一元化済み（二重発火なし） |\n| `river-review-performance`  | 補完 | frontend は「UI 表現」、performance は「実行効率」。`modern-web-performance` は performance に据置           |\n| `river-review-architecture` | 補完 | frontend は「コンポーネント単位」、architecture は「マクロ設計」                                             |\n\n## References\n\n- [ROUTING.md](.\u002Freferences\u002FROUTING.md): 詳細なルーティングルール\n- UX-SAFEGUARD（report-only）: 破壊的操作の確認・取り消し \u002F エラー回復支援が論点のときだけ owner skill `river-review-code` を skill ID で解決し、その owner-local `UX-SAFEGUARD.md` を読む（#1460）。owner を解決できない場合はこの補助観点を推測で再構築せずスキップする。`loading-state` \u002F `component-variants-states` \u002F `react-router-action-contract` の委譲判断も owner 側を正本とする\n","# Frontend Review（フロントエンドレビュー）\n\nUI\u002Fコンポーネント変更に影響するアクセシビリティ、デザインシステム準拠、フレームワーク境界を検出し、適切な個別スキルで検証する。\n\n> **`frontend-reviewer`（review-team perspective ロール）とは別物**: `src\u002Flib\u002Freviewer-orchestrator.mjs` の `frontend-reviewer` は review-team のマルチエージェントレビューで Claude\u002FCodex が演じる perspective ロール（UI\u002Fcomponent\u002Fstyling ファイル検知時に自動追加）。本スキルは agent-skills ルーター群の一員で、キーワードから個別 registry skill へルーティングする別サーフェス。2つは独立して動作し、互いを呼び出さない。\n\n## When to Use \u002F いつ使うか\n\n- UI コンポーネント・スタイリングの変更時\n- アクセシビリティ（a11y）に関わる変更時\n- デザインシステム・デザイントークンの準拠確認が必要なとき\n- Tailwind クラスの衛生確認が必要なとき\n- Next.js App Router \u002F React Router のフレームワーク境界チェックが必要なとき\n- 他の専門エージェント（architecture, security, performance, testing, code）に該当しない UI 固有の懸念があるとき\n\n## Routing \u002F ルーティング\n\n| キーワード                                       | スキルID                        | 説明                                                                                          |\n| ------------------------------------------------ | ------------------------------- | --------------------------------------------------------------------------------------------- |\n| a11y, アクセシビリティ, alt属性, aria-label      | `a11y-accessible-name`          | アクセシビリティ基本                                                                          |\n| キーボード操作, フォーカス管理, ARIA role        | `modern-web-a11y-interactive`   | インタラクティブ UI アクセシビリティ                                                          |\n| セマンティック, div クリック, ネイティブ要素     | `modern-web-semantic`           | セマンティック HTML・プラットフォームネイティブ                                               |\n| ブラウザ互換, Baseline, feature detection        | `modern-web-browser-compat`     | ブラウザ互換性・Baseline                                                                      |\n| デザインシステム, コンポーネント再利用, Button   | `design-system-component-reuse` | デザインシステム コンポーネント再利用                                                         |\n| デザイントークン, 色の直書き, 余白, 角丸         | `design-token-enforcement`      | デザイントークン                                                                              |\n| DESIGN.md, デザイン定義準拠, スケール逸脱        | `design-source-conformance`     | デザイン Source-of-Truth 準拠                                                                 |\n| Tailwind, 任意値, クラス衛生                     | `tailwind-class-hygiene`        | Tailwind クラス衛生                                                                           |\n| ローディング, 空状態, スピナー, 状態欠落         | `loading-state`                 | ローディング状態遷移                                                                          |\n| コンポーネントバリアント, hover, focus, disabled | `component-variants-states`     | コンポーネント状態の文書化                                                                    |\n| Next.js, App Router, use client                  | `nextjs-app-router-boundary`    | Next.js App Router 境界                                                                       |\n| React Router, loader, useEffect データ取得       | `react-router-loader-boundary`  | React Router loader 境界                                                                      |\n| React Router, action, ErrorBoundary              | `react-router-action-contract`  | React Router action 契約                                                                      |\n| Core Web Vitals, LCP, INP, CLS                   | `modern-web-performance`        | 参照のみ。実行は `river-review-performance`（[理由](#modern-web-performance-の帰属について)） |\n\n### デフォルト動作\n\n- キーワード指定なし → 以下のヒューリスティクスで判定:\n  - React\u002FVue\u002FSvelte コンポーネントファイル → `a11y-accessible-name` + `modern-web-a11y-interactive`\n  - `app\u002F` ディレクトリ（Next.js App Router）→ `nextjs-app-router-boundary`\n  - `routes\u002F` ディレクトリ（React Router）→ `react-router-loader-boundary` + `react-router-action-contract`\n  - CSS\u002FTailwind ファイル → `design-token-enforcement` + `tailwind-class-hygiene`\n\n### `modern-web-performance` の帰属について\n\n14 候補スキルのうち `modern-web-performance`（Core Web Vitals \u002F LCP \u002F INP \u002F CLS）は UI 起因の懸念だが、ドメイン一貫性を優先し実行は owner skill `river-review-performance` に据え置く。詳細判断が必要な場合だけ skill ID で owner を解決し、その owner-local routing contract に従う。owner を解決できない場合は performance の詳細判断を推測で再構築しない。本表には**到達性のための参照行**として掲載するのみで、frontend 側に重複するアクティブなキーワードルートは追加しない（同一キーワードが2ルーターで競合発火するリスクを避けるため）。\n\n## Execution Flow \u002F 実行フロー\n\n```text\n1. 変更内容の分類\n   ├─ キーワード指定あり → 該当スキルを直接選択\n   ├─ コンポーネントファイル → a11y-accessible-name + modern-web-a11y-interactive を優先\n   ├─ app\u002F ディレクトリ → nextjs-app-router-boundary を追加\n   ├─ routes\u002F ディレクトリ → react-router-loader-boundary + react-router-action-contract を追加\n   └─ CSS\u002FTailwind ファイル → design-token-enforcement + tailwind-class-hygiene を追加\n\n2. スキルの実行\n   ├─ a11y-accessible-name: アクセシビリティ基本\n   ├─ modern-web-a11y-interactive: インタラクティブ UI アクセシビリティ\n   ├─ modern-web-semantic: セマンティック HTML・プラットフォームネイティブ\n   ├─ modern-web-browser-compat: ブラウザ互換性・Baseline\n   ├─ design-system-component-reuse: デザインシステム コンポーネント再利用\n   ├─ design-token-enforcement: デザイントークン\n   ├─ design-source-conformance: デザイン Source-of-Truth 準拠\n   ├─ tailwind-class-hygiene: Tailwind クラス衛生\n   ├─ loading-state: ローディング状態遷移\n   ├─ component-variants-states: コンポーネント状態の文書化\n   ├─ nextjs-app-router-boundary: Next.js App Router 境界\n   ├─ react-router-loader-boundary: React Router loader 境界\n   └─ react-router-action-contract: React Router action 契約\n\n3. 統合\n   ├─ 重複する指摘の除去\n   └─ Checklistに基づく UI 品質チェックの補完\n```\n\n## Checklist \u002F チェックリスト\n\nフロントエンドレビューでは以下を確認する:\n\n### アクセシビリティ\n\n- alt \u002F aria-label \u002F label 関連付けが欠けていないか\n- キーボード操作・フォーカス管理・ライブリージョンが機能するか\n- セマンティックでない要素（div onClick 等）を native 要素に置き換えられないか\n\n### デザインシステム \u002F トークン\n\n- 既存コンポーネント（Button \u002F Input \u002F Modal \u002F Card 等）の再実装がないか\n- 色・余白・フォントサイズ・角丸・シャドウがデザイントークン \u002F DESIGN.md のスケールに準拠しているか\n- Tailwind の任意値（arbitrary value）がテーマスケールを迂回していないか\n\n### UI 状態設計\n\n- loading \u002F error \u002F empty state の表示が欠けていないか\n- コンポーネントの variants・インタラクティブ状態（hover \u002F focus \u002F disabled）が定義・文書化されているか\n\n### フレームワーク境界\n\n- Next.js App Router のサーバー\u002Fクライアントコンポーネント境界（`use client`）が適切か\n- React Router の loader\u002Faction 契約（データ取得は loader、`useEffect` フェッチの誤用、action のエラー表現と ErrorBoundary）を満たすか\n\n## Output Format \u002F 出力形式\n\n```text\n\u003Cfile>:\u003Cline>: \u003Cmessage>\n```\n\n- **Finding**: 何が問題か（1文）\n- **Impact**: 何が困るか（短く）\n- **Fix**: 次の一手（最小の修正案）\n\n## 他スキルとの関係\n\n| スキル                      | 関係 | 棲み分け                                                                                                     |\n| --------------------------- | ---- | ------------------------------------------------------------------------------------------------------------ |\n| `river-review-code`         | 補完 | frontend は「UI 固有の懸念」、code は「一般コード品質」。UI 系ルートは frontend に一元化済み（二重発火なし） |\n| `river-review-performance`  | 補完 | frontend は「UI 表現」、performance は「実行効率」。`modern-web-performance` は performance に据置           |\n| `river-review-architecture` | 補完 | frontend は「コンポーネント単位」、architecture は「マクロ設計」                                             |\n\n## References\n\n- [ROUTING.md](.\u002Freferences\u002FROUTING.md): 詳細なルーティングルール\n- UX-SAFEGUARD（report-only）: 破壊的操作の確認・取り消し \u002F エラー回復支援が論点のときだけ owner skill `river-review-code` を skill ID で解決し、その owner-local `UX-SAFEGUARD.md` を読む（#1460）。owner を解決できない場合はこの補助観点を推測で再構築せずスキップする。`loading-state` \u002F `component-variants-states` \u002F `react-router-action-contract` の委譲判断も owner 側を正本とする\n",{"id":5,"name":5,"tags":55,"phase":61,"applyTo":63,"license":15,"version":72,"category":62,"severity":73,"outputKind":74,"description":76,"inputContext":77,"applyToExemptions":80},[33,56,57,58,59,60],"ui","accessibility","design-system","entry","routing",[62],"midstream",[64,65,66,67,68,69,70,71],"src\u002F**\u002F*.{tsx,jsx,vue,svelte}","src\u002Froutes\u002F**\u002F*.{ts,tsx,js,jsx}","app\u002F**\u002F*.{ts,tsx,js,jsx}","components\u002F**\u002F*.{ts,tsx,js,jsx}","**\u002F*.{css,scss,less}","pages\u002F**\u002F*.{ts,tsx,js,jsx}","lib\u002F**\u002F*.{ts,tsx,js,jsx}","packages\u002F**\u002F*.{ts,tsx,js,jsx}","0.1.0","minor",[75,43],"findings","フロントエンド観点のレビューエージェント。\nアクセシビリティ、デザインシステム準拠、Tailwind クラス衛生、UI 状態設計、\nNext.js \u002F React Router のフレームワーク境界を個別スキルへルーティングする。\n",[78,79],"diff","fullFile",[81],{"skill":82,"reason":83},"modern-web-performance","参照のみ。Core Web Vitals の実行は river-review-performance に据置く（ROUTING.md「modern-web-performance の帰属について」）。本エントリの applyTo には含めない。","main","2b63f856ce19c2a797929cacabd9e0fc936812fa","plugins\u002Fs977043\u002Friver-review\u002Fskills\u002Fagent-skills\u002Friver-review-frontend",474,"https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins","https:\u002F\u002Fhol.org\u002Fplugins\u002Fbest-codex-plugins","https:\u002F\u002Fgithub.com\u002Fhashgraph-online","https:\u002F\u002Fhol.org","Open-source standards and developer tools for interoperable AI agents: discovery, identity, communication, payments, privacy and security.","2026-11-11 14:40:14",{"source":8,"skillName":5,"commands":95,"prompt":105,"zipAvailable":106},[96,99,102],{"tool":97,"command":98},"npx","npx skills add hashgraph-online\u002Fawesome-codex-plugins --skill river-review-frontend",{"tool":100,"command":101},"bunx","bunx skills add hashgraph-online\u002Fawesome-codex-plugins --skill river-review-frontend",{"tool":103,"command":104},"pnpm","pnpm dlx skills add hashgraph-online\u002Fawesome-codex-plugins --skill river-review-frontend","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fs977043\u002Friver-review\u002Fskills\u002Fagent-skills\u002Friver-review-frontend\u002FSKILL.md",true,[108],{"path":109,"resourceType":110,"resourceTypeDesc":111,"sizeBytes":112,"sourceHtmlUrl":113},"references\u002FROUTING.md","REFERENCE","参考文档",7158,"https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fs977043\u002Friver-review\u002Fskills\u002Fagent-skills\u002Friver-review-frontend\u002Freferences\u002FROUTING.md",[115,124,131,138,164,187],{"skillNo":116,"name":117,"nameZh":6,"description":118,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":119,"licenseFileUrl":6,"sourceHtmlUrl":120,"categories":121,"keywords":122,"publishedAt":123},"01M746ZWACVKMZ1BJXJZHYJSSX","migrate-to-e2e","Moves an existing Playwright, Cypress, Selenium, Appium, Detox, Maestro, or TesterArmy suite to e2e one slice at a time, with the old suite running beside the new one until each ported test is proven. Keeps a MIGRATION.md progress file so any later session resumes where the last stopped. Optionally plants a defect to show both suites catch it. Use for \u002Fmigrate-to-e2e, \"migrate our tests to e2e\", \"port these Maestro flows\", \"move our TesterArmy tests\", or when a project has an e2e config and an older suite still running.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Ftester-army\u002Fe2e\u002Fskills\u002Fmigrate-to-e2e\u002FSKILL.md",[],[],"2026-11-11 15:11:14",{"skillNo":125,"name":126,"nameZh":6,"description":127,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":119,"licenseFileUrl":6,"sourceHtmlUrl":128,"categories":129,"keywords":130,"publishedAt":123},"01M746ZPTAX1Q0FBKAB1CYND7E","e2e","Writes, runs, and debugs end-to-end tests for web and mobile apps with e2e, the agentic test runner, which mixes agent.act goals with exact locator assertions on a Playwright browser or an iOS or Android device. Also drives a project's running app live over the e2e MCP server to look at a screen, check a UI change, take a screenshot or record a video, and try a locator; and runs bug bashes, parallel e2e explore runs with each bug proven by a repro test. Use when a project depends on e2e or has an e2e.config.ts, when asked for end-to-end, browser, mobile, or agentic UI tests, to check a change in the running app, to QA or bug bash an app or branch, or when an e2e run fails.","https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Ftester-army\u002Fe2e\u002Fskills\u002Fe2e\u002FSKILL.md",[],[],{"skillNo":132,"name":133,"nameZh":6,"description":134,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":119,"licenseFileUrl":6,"sourceHtmlUrl":135,"categories":136,"keywords":137,"publishedAt":123},"01M746ZJN784HVHMDP9MQGCSGG","create-verification-skill","Generate a project-local verify-\u003Capp> skill on top of e2e, so any coding agent can launch the app, check it is worth driving, exercise a feature the way a user does, keep evidence, and bug bash it. Writes the skill, a feature map with one explore charter per feature, and proves it once. Use for \u002Fcreate-verification-skill, \"make a verification skill for this repo\", or when a project has no scripted way to prove UI behavior.","https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Ftester-army\u002Fe2e\u002Fskills\u002Fcreate-verification-skill\u002FSKILL.md",[],[],{"skillNo":139,"name":140,"nameZh":6,"description":141,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":119,"licenseFileUrl":6,"sourceHtmlUrl":142,"categories":143,"keywords":144,"publishedAt":50},"01M716A6ETNB9B1SQ3GXZC75VR","deja-search","deja-vu memory — search the user's past AI coding sessions with the deja CLI. Holds what they already settled and never wrote into the repo (naming rules, banned or already-tried tools, required checks before merge, preferred values, who owns what). Use before your first edit in a task, before you call a change done or ready to merge, before you recommend a tool, library, design or reviewer, before re-debugging an error that may already be solved, when they say 'didn't we fix this before', 'what did we decide about X' or 'I already have that', and before telling them something on this machine does not exist.","https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fvshulcz\u002Fdeja-vu\u002Fskills\u002Fdeja-search\u002FSKILL.md",[],[145,146,147,148,149,150,151,152,153,49,154,155,156,157,158,159,160,161,162,163],"search","deja search","never","error","ready","memory","re","decide","fix","debugging","when","you","done","reviewer","io","change","cli","merge","past",{"skillNo":165,"name":166,"nameZh":6,"description":167,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":119,"licenseFileUrl":6,"sourceHtmlUrl":168,"categories":169,"keywords":170,"publishedAt":50},"01M716A3J2W5SENSE9VGMXB375","deja-reflect","End-of-session reflection and memory curation with deja-vu. Review what was decided, what commands broke and what repaired them, and record durable project rules or decisions with deja remember so the next session starts with them.","https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Fvshulcz\u002Fdeja-vu\u002Fskills\u002Fdeja-reflect\u002FSKILL.md",[],[171,172,30,159,173,174,175,39,176,177,178,179,180,181,150,182,183,184,185,186],"deja reflect","reflect","with","record","github","https","node","Rules","decisions","brew","remember","project rules","project","session","end","reflection",{"skillNo":188,"name":189,"nameZh":6,"description":190,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":119,"licenseFileUrl":6,"sourceHtmlUrl":191,"categories":192,"keywords":202,"publishedAt":50},"01M715T3RR4BAYSR57HPPTJ0PF","revid","Make, edit, export and post AI videos with Revid (revid.ai) through the Revid MCP server. Use whenever the user wants a short-form or long-form video made (from an idea, a script, a URL, an article, a PDF, a tweet, a product page, their own clips, or a song), wants to find what is going viral on TikTok, YouTube, Instagram or X before making something, wants to edit or re-export an existing Revid project, generate a standalone AI image or clip, make a series episode, or publish and schedule a finished video to connected social accounts. Covers setup (hosted MCP with OAuth, or an API key), the 36 tools, credits, polling and the rules for publishing. Routes to the more specific revid-* skills when one fits.","https:\u002F\u002Fgithub.com\u002Fhashgraph-online\u002Fawesome-codex-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Ftmakersas\u002Frevid-skills\u002Fskills\u002Frevid\u002FSKILL.md",[193,196,199],{"categoryNo":194,"categoryName":195,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":197,"categoryName":198,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":200,"categoryName":201,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",[189,203,204,205,206,207,208,183,209,151,210,211,212,213,155,214,215,216,217,218],"URL","Video","short-form","standalone","PDF","viral","tiktok","short","social","MCP","song","image","mcp server","schedule","api","publish"]