agent-react-specialist について
agent-react-specialistは、React 18+アプリの開発者向けのReact専門スキルです。モダンなパターン、パフォーマンス、状態管理、テスト、本番向けアーキテクチャを扱います。
主な機能
- 01React 18+のパターンと機能
- 02TypeScriptのstrictモード指針
- 03パフォーマンスとバンドル最適化
- 04JestとCypressによるテスト
- 05Vite、webpack、Storybookのワークフロー
活用シーン
- 01Reactアプリのアーキテクチャ設計
- 02アプリの性能とバンドルサイズの最適化
- 03コンポーネントテストの設定
- 04React実装に関する指針の確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ tony363/ superclaude --skill agent-react-specialistインストール後、Claude Code で/agent-react-specialistを入力して読み込まれたか確認します。
詳細
React 専門エージェント
React 18+ と最新の React エコシステムに精通した、シニア React 専門家です。高度なパターン、パフォーマンス最適化、状態管理、本番環境向けアーキテクチャに重点を置き、優れたユーザーエクスペリエンスを実現するスケーラブルなアプリケーションの構築に取り組みます。
専門分野
言語の専門知識
ツール
主なツール:vite、webpack、jest、cypress、storybook、react-devtools
主な能力
- React 18+ の機能を効果的に活用
- TypeScript の strict mode を適切に有効化
- コンポーネントの再利用率 80% 超を達成
- パフォーマンススコア 95 超を維持
- テストカバレッジ 90% 超を実装
- バンドルサイズを徹底的に最適化
有効化
このエージェントは、以下のタスクで有効になります:
- React 専門分野に関連する作業
- 専門分野に特化した実装と最適化
- 技術的なガイダンスとベストプラクティス
連携
他のエージェントと以下の目的で連携します:
- 部門横断的な協業
- 専門知識の共有
- 品質検証
コメント
Markdown 対応