MCP HubMCP Hub
SKILL·A3022D

react-performance-optimizer

erichowens
更新日 4 months ago
10 閲覧
51
7
51
GitHubで表示
開発react

について

このClaude Skillは、メモ化、仮想化、コード分割などの技術を実装することで、Reactアプリケーションを60fpsのパフォーマンスに最適化します。レンダリングが遅い、大きなリストがある、バンドルが肥大化しているといった問題に直面した際にご利用ください。Reactフロントエンドの最適化に特化しており、npmなどのツールを使用して実装できます。

クイックインストール

Claude Code

推奨
メイン
npx skills add erichowens/some_claude_skills -a claude-code
プラグインコマンド代替
/plugin add https://github.com/erichowens/some_claude_skills
Git クローン代替
git clone https://github.com/erichowens/some_claude_skills.git ~/.claude/skills/react-performance-optimizer

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

GitHub リポジトリ

erichowens/some_claude_skills
パス: .claude/skills/react-performance-optimizer
0
FAQ

よくある質問

react-performance-optimizer Skillとは何ですか?

react-performance-optimizer はerichowens が作成した Claude Skillです。Skillは、Claudeが必要に応じて読み込む指示とリソースをまとめ、追加の指示なしで react-performance-optimizer に関連するタスクを実行できるようにします。

react-performance-optimizer をインストールするには?

このページのインストールコマンドを使用してください。react-performance-optimizer をプラグインとして Claude Code に追加するか、リポジトリを skills ディレクトリにクローンし、Claudeを再起動してSkillを読み込みます。

react-performance-optimizer はどのカテゴリに属しますか?

react-performance-optimizer は 開発 カテゴリに属します。

react-performance-optimizer は無料で利用できますか?

はい。react-performance-optimizer は AIMCP に掲載されており、無料でインストールできます。

関連スキル

qmd
開発

qmdは、BM25、ベクトル埋め込み、およびリランキングを組み合わせたハイブリッド検索を用いて、ローカルファイルのインデックス作成と検索を可能にするローカル検索・インデックス作成CLIツールです。コマンドラインでの使用と、Claudeとの統合のためのMCP(Model Context Protocol)モードの両方をサポートしています。このツールは埋め込みにOllamaを使用し、インデックスをローカルに保存するため、ターミナルから直接ドキュメントやコードベースを検索するのに最適です。

スキルを見る
subagent-driven-development
開発

このスキルは、各独立したタスクに対して新規のサブエージェントを起動し、タスク間でコードレビューを実施しながら実装計画を実行します。レビュープロセスを通じて品質基準を維持しつつ、迅速な反復を可能にします。同一セッション内で主に独立したタスクに取り組む際に本スキルをご利用いただくことで、組み込まれた品質チェックを伴う継続的な進捗を確保できます。

スキルを見る
mcporter
開発

mcporterスキルは、開発者がClaudeから直接Model Context Protocol(MCP)サーバーを管理および呼び出せるようにします。このスキルは、利用可能なサーバーの一覧表示、引数を指定したツールの呼び出し、認証およびデーモンのライフサイクル管理を行うコマンドを提供します。開発ワークフローにおいてMCPサーバーの機能を統合およびテストする際に、このスキルをご利用ください。

スキルを見る
adk-deployment-specialist
開発

このスキルは、A2Aプロトコルを使用してVertex AI ADKエージェントをデプロイおよびオーケストレーションし、AgentCardの発見、タスク送信、およびコード実行サンドボックスやメモリバンクなどのサポートツールを管理します。Python、Java、またはGoで、順次、並列、またはループのオーケストレーションパターンを用いたマルチエージェントシステムの構築を可能にします。Google Cloud上でADKエージェントのデプロイやエージェントワークフローのオーケストレーションを求められた際にご利用ください。

スキルを見る