MCP HubMCP Hub
SKILL·7F43AD

react-patterns

ma1orek
更新日 1 month ago
7 閲覧
1
1
GitHubで表示
その他reactreact-19typescriptjavascriptjsxtsxhooksserver-componentsactionssuspenseconcurrent-renderingreact-compileruse-optimisticform-actions

について

このClaude Skillは、React 19の最新パターンであるサーバーコンポーネント、アクション、並行処理機能に関する専門的なガイダンスを提供します。モダンなReact開発の実装、パフォーマンス最適化、TypeScriptのベストプラクティスにご活用ください。コンポーネントアーキテクチャ、状態管理、React 19の最新機能の導入に最適です。

クイックインストール

Claude Code

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

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

GitHub リポジトリ

ma1orek/replay
パス: .agents/skills/react-patterns
0
FAQ

Frequently asked questions

What is the react-patterns skill?

react-patterns is a Claude Skill by ma1orek. Skills package instructions and resources that Claude loads on demand, so Claude can perform react-patterns-related tasks without extra prompting.

How do I install react-patterns?

Use the install commands on this page: add react-patterns to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does react-patterns belong to?

react-patterns is in the frontend category, tagged react, react-19, typescript, javascript, jsx and tsx.

Is react-patterns free to use?

Yes. react-patterns is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

関連スキル

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向けのフレームワーク固有の例を作成します。モジュールの文書化、APIドキュメントの生成、または階層化されたドキュメントパターンの確立にご利用ください。

スキルを見る