スキル一覧に戻る

vercel-react-best-practices

TechNickAI
更新日 3 days ago
3 閲覧
20
4
20
GitHubで表示
その他reactdata

について

このスキルは、VercelのReactおよびNext.jsパフォーマンス最適化ガイドラインを提供し、8つのカテゴリーにわたる57の優先順位付けされたルールを網羅しています。再レンダリング、バンドルサイズ、データ取得パターンなどのパフォーマンス問題に対処する際に、コードの作成、レビュー、リファクタリング時にご活用ください。サーバー/クライアントコンポーネント、Suspense、Reactフックを含む主要な最適化領域をカバーしています。

クイックインストール

Claude Code

推奨
メイン
npx skills add TechNickAI/ai-coding-config -a claude-code
プラグインコマンド代替
/plugin add https://github.com/TechNickAI/ai-coding-config
Git クローン代替
git clone https://github.com/TechNickAI/ai-coding-config.git ~/.claude/skills/vercel-react-best-practices

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

GitHub リポジトリ

TechNickAI/ai-coding-config
パス: plugins/core/skills/vercel-react-best-practices
0
ai-agentsai-codinganthropicclaude-codeclaude-code-marketplaceclaude-code-plugins

関連スキル

chatbot-widget-creator

その他

このスキルは、フロントエンド統合用の本番環境対応のChatGPTスタイルチャットボットウィジェットを生成します。無限再レンダリング防止、テキスト選択時の「AIに質問」機能、RAGバックエンドおよびSSEストリーミングとの即時連携など、重要な機能を備えています。実戦でテストされ、監視機能を備えたチャットインターフェースを迅速に導入するためにご利用ください。

スキルを見る

chatbot-widget-creator

その他

このスキルは、一般的なフロントエンドの問題に対する組み込みソリューションを備えた、本番環境対応のChatGPTスタイルのチャットボットウィジェットを生成します。無限再レンダリング防止、テキスト選択時の「Ask AI」機能、ストリーミングSSEおよびRAGバックエンドの統合サポートを提供します。Webアプリケーションに監視機能付きの高性能チャットインターフェースを迅速に実装するためにご利用ください。

スキルを見る

gemini-frontend-assistant

その他

このスキルはGemini CLIを使用して、テキスト説明や画像からフロントエンドUIコードを生成します。ReactコンポーネントをTailwind CSSで作成することに特化しており、スクリーンショットやデザインコンセプトを実働コードに変換するのに最適です。開発者は迅速なプロトタイピング、スタイリング支援、コードリファクタリング作業に活用できます。

スキルを見る

typescript-docs

その他

このスキルは、JSDocとTypeDocを使用して包括的なTypeScriptドキュメントを生成し、APIリファレンス、アーキテクチャ決定記録(ADR)、およびフレームワーク固有の例を提供します。モジュールの自動ドキュメント化、異なる読者層向けの多層ドキュメントの作成、NestJS、Express、React、Angular、Vueを使用するプロジェクトのドキュメント設定にご利用ください。

スキルを見る