Stats
Actions
Tags
How this command is triggered — by the user, by Claude, or both
Slash command
/frontend:review-codeThe summary Claude sees in its command listing — used to decide when to auto-load this command
# コードレビュー（Web開発） Web開発の観点でコードをレビューし、フィードバックを提供します。 ## レビュー観点 ### 1. フロントエンド品質 - コンポーネント設計 - 状態管理の適切性 - 再利用性とモジュール性 ### 2. パフォーマンス - レンダリング最適化 - バンドルサイズ - 遅延ロード/コード分割 - 画像最適化 ### 3. アクセシビリティ - セマンティックHTML - ARIA属性 - キーボードナビゲーション - スクリーンリーダー対応 ### 4. UX/UI - レスポンシブデザイン - ローディング状態 - エラーハンドリング - ユーザーフィードバック ### 5. セキュリティ - XSS対策 - CSRF対策 - 機密情報の取り扱い - 依存関係の脆弱性 ### 6. ベストプラクティス - TypeScript型安全性 - Linter/Formatter設定 - テストカバレッジ - ドキュメント レビュー対象のファイルやコードを教えてください。
Web開発の観点でコードをレビューし、フィードバックを提供します。
レビュー対象のファイルやコードを教えてください。
npx claudepluginhub childbamboo/claude-code-marketplace-sample --plugin frontend/fec-reviewReviews front-end code (specified file or recent git changes) across 11 quality dimensions, outputs a graded Markdown report with severity levels and merge readiness.
/design-reviewReviews UI files or components interactively for design, usability, code quality, and performance issues. Configures via sequential questions on focus, context, and platform.
/react-reviewReviews React/JSX code for hook correctness, render performance, RSC boundaries, accessibility, and React-specific security issues, producing a categorized severity report.
/reviewPerforms a comprehensive code review on a specified file or recent changes, delivering actionable feedback on quality, security, performance, best practices, and bugs.
/react-reviewReviews React/JSX code for hook correctness, render performance, server/client component boundaries, accessibility, and security. Produces a severity-categorized issue report.
/evaluateEvaluates front-end UI code for usability issues using 15 heuristics, rates severity 0-4, and produces a structured report with summary, findings, strengths, and recommendations. Accepts file/dir paths.