Communityコーディング&開発github.com

0xbigboss/react-best-practices

Reactコンポーネント(.tsx、.jsxファイル、Reactインポートあり)の読み取りや作成時に使用します。

react-best-practices とは?

このスキルは、Reactコンポーネント(.tsxまたは.jsxファイル)の読み取りや作成時に、ベストプラクティスに沿ったコードを記述できるように支援します。React開発において、コンポーネントの構造、フックの使用法、パフォーマンス最適化、テスト容易性などに関する確立されたパターンを適用することで、コードの品質と保守性を向上させることが目的です。主に開発支援ツール(Claude Code, Cursor, Codexなど)内で動作し、ユーザーがReactプロジェクトで作業する際にコンテキストに応じたアドバイスやコード生成を提供します。このスキルは、公式のReactドキュメントやコミュニティで広く受け入れられているベストプラクティスに基づいており、開発者が一貫性のある高品質なコードを効率的に作成できるように設計されています。

対応~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/0xbigboss/claude-code/tree/main/skills/react-best-practices

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

ドキュメント

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

Reactコンポーネント(.tsx、.jsxファイル、Reactインポートあり)の読み取りや作成時に使用します。

Individual skills in this repo

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

関連スキル