← ClaudeAtlas

river-review-frontendlisted

フロントエンド観点のレビューエージェント。 アクセシビリティ、デザインシステム準拠、Tailwind クラス衛生、UI 状態設計、 Next.js / React Router のフレームワーク境界を個別スキルへルーティングする。
s977043/river-review · ★ 3 · Web & Frontend · score 75
Install: claude install-skill s977043/river-review
# Frontend Review(フロントエンドレビュー) UI/コンポーネント変更に影響するアクセシビリティ、デザインシステム準拠、フレームワーク境界を検出し、適切な個別スキルで検証する。 > **`frontend-reviewer`(review-team perspective ロール)とは別物**: `src/lib/reviewer-orchestrator.mjs` の `frontend-reviewer` は review-team のマルチエージェントレビューで Claude/Codex が演じる perspective ロール(UI/component/styling ファイル検知時に自動追加)。本スキルは agent-skills ルーター群の一員で、キーワードから個別 registry skill へルーティングする別サーフェス。2つは独立して動作し、互いを呼び出さない。 ## When to Use / いつ使うか - UI コンポーネント・スタイリングの変更時 - アクセシビリティ(a11y)に関わる変更時 - デザインシステム・デザイントークンの準拠確認が必要なとき - Tailwind クラスの衛生確認が必要なとき - Next.js App Router / React Router のフレームワーク境界チェックが必要なとき - 他の専門エージェント(architecture, security, performance, testing, code)に該当しない UI 固有の懸念があるとき ## Routing / ルーティング | キーワード | スキルID | 説明 | | ------------------------------------------------ | ------------------------------- | --------------------------------------------------------------------------------------------- | | a11y, アクセシビリティ, alt属性, aria-label | `a11y-accessible-name` | アクセシビリティ基本 | | キーボード操作, フォーカス管理, ARIA role | `modern-web-a11y-interactive` | インタラクティブ UI アクセシビリティ | | セマンティック, div クリック, ネイティブ要素 | `modern-web-semantic` | セマンティック HTML・プラットフォームネイティブ