asyrafhussin/react-vite-best-practices

ReactとViteのパフォーマンス最適化ガイドライン。Viteで構築されたReactコンポーネントの作成、レビュー、最適化の際に使用します。Viteの設定、ビルド最適化、コード分割、遅延ロード、HMR、バンドルサイズ、Reactのパフォーマンスに関連するタスクで起動します。

react-vite-best-practices とは?

このスキル「asyrafhussin/react-vite-best-practices」は、Viteを使用したReactアプリケーションのパフォーマンス最適化に関するベストプラクティスを提供します。開発者がReactコンポーネントを記述、レビュー、最適化する際に、具体的なガイドラインを参照できます。Viteの設定、ビルド最適化、コード分割、遅延ロード(lazy loading)、HMR(ホットモジュールリプレイスメント)、バンドルサイズの最小化、Reactのレンダリング効率向上など、多岐にわたるトピックをカバーしています。このスキルは主にClaude CodeやClineなどのAIエージェント向けに設計されており、SKILL.mdに基づいて、開発環境における具体的なパフォーマンス改善手法を指示します。ユーザーはこのスキルを活用することで、ViteとReactのベストプラクティスに沿ったコード生成やリファクタリングをAIに依頼でき、アプリケーションの速度と効率を大幅に向上させることができます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/asyrafhussin/agent-skills/tree/main/skills/react-vite-best-practices

Installed? Explore more 生産性&コラボレーション skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

react-vite-best-practices は何をしますか?

ReactとViteのパフォーマンス最適化ガイドライン。Viteで構築されたReactコンポーネントの作成、レビュー、最適化の際に使用します。Viteの設定、ビルド最適化、コード分割、遅延ロード、HMR、バンドルサイズ、Reactのパフォーマンスに関連するタスクで起動します。

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

関連スキル