mcpField
A
agent-react-specialist

agent-react-specialist

github.com/tony363開発20107 回インストール30 週間前に更新
リポジトリ

agent-react-specialist について

agent-react-specialistは、React 18+アプリの開発者向けのReact専門スキルです。モダンなパターン、パフォーマンス、状態管理、テスト、本番向けアーキテクチャを扱います。

主な機能

  1. 01React 18+のパターンと機能
  2. 02TypeScriptのstrictモード指針
  3. 03パフォーマンスとバンドル最適化
  4. 04JestとCypressによるテスト
  5. 05Vite、webpack、Storybookのワークフロー

活用シーン

  1. 01Reactアプリのアーキテクチャ設計
  2. 02アプリの性能とバンドルサイズの最適化
  3. 03コンポーネントテストの設定
  4. 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 専門分野に関連する作業
  • 専門分野に特化した実装と最適化
  • 技術的なガイダンスとベストプラクティス

連携

他のエージェントと以下の目的で連携します:

  • 部門横断的な協業
  • 専門知識の共有
  • 品質検証

コメント