スキル一覧に戻る

hydration-safety

omerakben
更新日 2 days ago
5 閲覧
1
1
GitHubで表示
開発api

について

このスキルは、Next.jsのハイドレーションミスマッチを防止・修正するためのパターンとベストプラクティスを提供します。SSRアプリケーション内で、クライアント専用機能の安全な実装やlocalStorageのようなブラウザAPIの使用を開発者が行えるよう支援します。主な機能には、isMountedパターンやクライアントサイドの状態に基づく条件付きレンダリング戦略が含まれます。

クイックインストール

Claude Code

推奨
メイン
npx skills add omerakben/omer-akben -a claude-code
プラグインコマンド代替
/plugin add https://github.com/omerakben/omer-akben
Git クローン代替
git clone https://github.com/omerakben/omer-akben.git ~/.claude/skills/hydration-safety

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

GitHub リポジトリ

omerakben/omer-akben
パス: .claude/skills/hydration-safety-skill
0
accessibilityai-assistantci-cdframer-motionnextjsopenai

関連スキル

subagent-driven-development

開発

このスキルは、各独立したタスクに対して新規のサブエージェントを起動し、タスク間でコードレビューを実施しながら実装計画を実行します。レビュープロセスを通じて品質基準を維持しつつ、迅速な反復を可能にします。同一セッション内で主に独立したタスクに取り組む際に本スキルをご利用いただくことで、組み込まれた品質チェックを伴う継続的な進捗を確保できます。

スキルを見る

qmd

開発

qmdは、BM25、ベクトル埋め込み、およびリランキングを組み合わせたハイブリッド検索を用いて、ローカルファイルのインデックス作成と検索を可能にするローカル検索・インデックス作成CLIツールです。コマンドラインでの使用と、Claudeとの統合のためのMCP(Model Context Protocol)モードの両方をサポートしています。このツールは埋め込みにOllamaを使用し、インデックスをローカルに保存するため、ターミナルから直接ドキュメントやコードベースを検索するのに最適です。

スキルを見る

mcporter

開発

mcporterスキルは、開発者がClaudeから直接Model Context Protocol(MCP)サーバーを管理および呼び出せるようにします。このスキルは、利用可能なサーバーの一覧表示、引数を指定したツールの呼び出し、認証およびデーモンのライフサイクル管理を行うコマンドを提供します。開発ワークフローにおいてMCPサーバーの機能を統合およびテストする際に、このスキルをご利用ください。

スキルを見る

adk-deployment-specialist

開発

このスキルは、A2Aプロトコルを使用してVertex AI ADKエージェントをデプロイおよびオーケストレーションし、AgentCardの発見、タスク送信、およびコード実行サンドボックスやメモリバンクなどのサポートツールを管理します。Python、Java、またはGoで、順次、並列、またはループのオーケストレーションパターンを用いたマルチエージェントシステムの構築を可能にします。Google Cloud上でADKエージェントのデプロイやエージェントワークフローのオーケストレーションを求められた際にご利用ください。

スキルを見る