スキル一覧に戻る

rsc-data-optimizer

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

について

このスキルは、Next.jsにおける遅いクライアントサイドのデータ取得(useEffect/useState使用)を、Reactサーバーコンポーネントによる高速なサーバーサイド取得に変換します。ローディングスピナーが表示されるページ、SEOが不十分なページ、またはウォーターフォールを引き起こすStoreContextパターンを使用している場合に有効です。オプティマイザーはアンチパターンを特定し、「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/philosophy-ethics/rsc-data-optimizer
0
claudeclaude-codeclaude-skillscollectionlist

関連スキル

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ワークフローを開発する際にご利用ください。

スキルを見る