MCP HubMCP Hub
SKILL·3FF3BD

rsc-data-optimizer

Microck
更新日 1 month ago
14 閲覧
129
15
129
GitHubで表示
ドキュメントreactdata

について

このスキルは、Next.js App Routerアプリケーションを最適化し、遅いクライアントサイドのデータ取得(useEffect/useState使用)を、Reactサーバーコンポーネントによる高速なサーバーサイド取得に変換します。これにより、初期ページ読み込みの改善、ローディングスピナーの排除、データ取得をサーバーに移行することでSEOを向上させます。「use client」ページをサーバーコンポーネントに移行する必要がある場合や、ウォーターフォールフェッチングパターンを修正する際にご利用ください。

クイックインストール

Claude Code

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

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

GitHub リポジトリ

Microck/ordinary-claude-skills
パス: skills_categorized/arts-crafts/rsc-data-optimizer
0
claudeclaude-codeclaude-skillscollectionlist
FAQ

Frequently asked questions

What is the rsc-data-optimizer skill?

rsc-data-optimizer is a Claude Skill by Microck. Skills package instructions and resources that Claude loads on demand, so Claude can perform rsc-data-optimizer-related tasks without extra prompting.

How do I install rsc-data-optimizer?

Use the install commands on this page: add rsc-data-optimizer 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 rsc-data-optimizer belong to?

rsc-data-optimizer is in the Documentation category, tagged react and data.

Is rsc-data-optimizer free to use?

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

関連スキル

railway-docs
ドキュメント

このスキルは、Railwayの機能や仕様、特定のドキュメントURLに関する質問に答えるために、最新のRailwayドキュメントを取得します。開発者がRailwayの公式情報源から正確かつ最新の情報を直接受け取れるようにします。ユーザーがRailwayの動作方法について尋ねたり、Railwayドキュメントを参照する際にご利用ください。

スキルを見る
n8n-code-python
ドキュメント

このClaudeスキルは、n8nのコードノードでPythonコードを記述するための専門的なガイダンスを提供します。具体的には、Pythonの標準ライブラリの使用方法や、`_input`、`_json`、`_node`といったn8n独自の構文の扱い方を解説します。n8n環境内におけるPythonの制限事項を開発者が理解できるよう支援し、ほとんどのワークフローではJavaScriptの使用を推奨しながらも、特定のデータ変換ニーズに対応するPythonソリューションを提案します。

スキルを見る
archon
ドキュメント

Archonスキルは、RAGを活用したセマンティック検索とプロジェクト管理をREST APIを通じて提供します。ドキュメントの検索、階層的なプロジェクト/タスクの管理、ドキュメントアップロード機能を備えたナレッジ検索の実行にご利用いただけます。外部ドキュメントを検索する際は、他の情報源を利用する前に常にArchonを最優先で使用してください。

スキルを見る
n8n-code-javascript
ドキュメント

このClaudeスキルは、n8nのCodeノードでJavaScriptコードを書くための専門的なガイダンスを提供します。`$input`/`$json`変数、HTTPヘルパー、DateTime処理などの重要なn8n固有の構文を網羅し、一般的なエラーのトラブルシューティングも行います。CodeノードでカスタムJavaScript処理を必要とするn8nワークフローを開発する際にご利用ください。

スキルを見る