mcpField

Skills

エージェント向けにパッケージ化された専門スキルと手順を 98,284 件掲載。コマンド 1 行でインストールできます。

開発

S
ship-and-babysit
ship-and-babysit
tinyhumansai / openhuman

tinyhumansai/openhuman 向けのエンドツーエンドの PR 出荷ワークフロー:ローカルの変更をコミットし、ユーザーの fork に push し、main に対して PR を新規作成または再利用し、PR がグリーンでクリーンになるまで CI と CodeRabbit のフィードバックを監視する。ユーザーが ship、PR の作成、CI の監視、レビューコメントへの対応、ブランチの "babysit" を依頼した場合に使用する。

開発65
S
simplify
simplify
venhdev / skills

複雑で肥大化した、あるいは深くネストしたコードを、機能的な振る舞いを正確に保ちながら、クリーンで慣用的な実装にリファクタリングする。

開発65
S
skill-doc-sync
skill-doc-sync
nyldn / claude-octopus

リリース後のプロジェクト markdown 間でのドキュメント同期。次の場合に使用:ドキュメント同期、ドキュメント更新、変更の文書化、リリースノート。

開発65
S
skill-prd
skill-prd
nyldn / claude-octopus

マルチ AI オーケストレーションを用いて AI 向けに最適化した PRD を作成する——新機能や製品のスコープを定める場合に使用する

開発65
S
skill-rollback
skill-rollback
nyldn / claude-octopus

git で以前のチェックポイントにロールバックする — 変更が失敗して元に戻す必要があるときに使用

開発65
S
skill-tdd
skill-tdd
nyldn / claude-octopus

観測されたレッド、最小限のグリーン、計測されたテスト統合によって行動変容を構築する

テスト・品質65
S
skill-writing-plans
skill-writing-plans
nyldn / claude-octopus

ゼロコンテキストの実装計画を小さなタスク単位で作成する — 多段階の機能計画に使用

開発65
S
skogai-jq

JSON 変換の実行、ネストされた JSON 構造の操作、配列のフィルタリング、値の抽出、JSON スキーマの検証、複数ステップの JSON 操作の組み合わせを行うときに使用する。このスキルは、AI エージェントによる発見しやすさに最適化された 60 以上のスキーマ駆動の jq 変換を提供する。

データ・データベース65
S
solid-principles
solid-principles
claude-dev-suite / claude-dev-suite

SOLID 設計原則。SRP、OCP、LSP、ISP、DIP を扱う。クラスとモジュールを設計するときに使用する。使用する場合:ユーザーが「SOLID」「単一責任」「オープン・クローズド」「リスコフ」「インターフェース分離」「依存性逆転」「依存性注入」に言及したとき、「クラス設計」「OOP 原則」「拡張性」「抽象化」「クラスの設計方法」を尋ねたとき 使用しない場合:一般的なコード品質——代わりに `clean-code` を使用、特定のパターン——デザインパターン系スキルを使用、言語固有の OOP——フレームワーク固有のスキルを使用

開発65
S
spacetimedb-procedures
spacetimedb-procedures
danmossa / spacetimedb-skills

SpacetimeDB の procedure の作成、値の返却、サーバーコードからの HTTP リクエスト、procedure からのデータベースアクセス、procedure からの reducer 呼び出し、外部 API の統合を行うときに使用する。トリガー:procedure、procedures、HTTP request、return value、external API、AI API、call reducer from procedure。

開発65
S
speckit-analyze
speckit-analyze
full-stack-skills / speckit-skills

タスク生成後に spec.md、plan.md、tasks.md を対象に、非破壊的な成果物間の一貫性と品質の分析を実行する。Spec Kit ワークフローでこのステップの実行が必要な場面で使用する(GitHub Spec Kit 公式テンプレートに基づく)。

テスト・品質65
S
speckit-check
speckit-check
full-stack-skills / speckit-skills

`specify check` を実行して、Spec Kit に必要なツール(git、claude、gemini、code、cursor-agent、windsurf、qwen、opencode、codex、shai、qoder など)がインストールされ利用可能であることを確認します。結果を解釈し、次のステップを提案します。ユーザーが「check Spec Kit environment」「specify not working」「slash commands not showing」と言ったときに使用します。

エージェントワークフロー65
S
speckit-checklist
speckit-checklist
full-stack-skills / speckit-skills

ユーザー要件に基づき、現在の機能向けのカスタムチェックリストを生成する。Spec Kit ワークフローでこのステップの実行が必要な場面で使用する(GitHub Spec Kit 公式テンプレートに基づく)。

テスト・品質65
S
standardizing-typescript

説明はまだありません

開発65
S
static-spa-conversion
static-spa-conversion
kevintsai1202 / teaching-site-skills

markdown 形式の構造化されたコースコンテンツ(または章単位のデータセット)を、動作するインタラクティブなウェブサイトに変換したいときにこのスキルを使う — フレームワークの選択もビルドステップも不要。"做成網頁"、"轉成 SPA"、"course-data.js"、"render 函式"、"把講義變網頁"、"static site from markdown"、"vanilla JS site"、"no-framework site"、"single-page app from markdown" といったフレーズでトリガーされる。出力は vanilla HTML + JS のシングルページアプリで、`npx serve` で開き、状態を localStorage に永続化する。常に `course-content-authoring` の後(コンテンツが安定した状態)、`static-spa-interactions` の前に呼び出す(このスキルがスキャフォールドを生成し、インタラクションがそれを装飾する)。

開発65
S
supabase
supabase
dicklesworthstone / agent_flywheel_clawdbot_skills_and_integrations

Next.js SaaS 向けに Supabase を構成する:Drizzle + pooler、Google のみの Auth、RLS、コスト最適化。Supabase のセットアップ、Drizzle の接続、SSR 認証、コスト最適化のときに使用する。

開発65
S
superplane-canvas-builder
superplane-canvas-builder
superplanehq / skills

要件から SuperPlane ワークフローキャンバスを設計および構築します。ワークフローの記述を、トリガー、アクション、エッジ、式を含むキャンバス YAML に変換します。ユーザーが新しいワークフローの作成、キャンバスの構築、パイプラインの設計、またはアクションの接続を望むときに使用します。トリガー: 「build canvas」、「create workflow」、「design pipeline」、「automate」。

クラウド・DevOps65
S
svelte
svelte
partme-ai / full-stack-skills

Svelte フレームワーク(コンポーネント、リアクティビティ、ストア、トランジション、コンパイル)に関する包括的なガイダンスを提供します。ユーザーが Svelte について質問する場合、Svelte アプリケーションを作成する必要がある場合、Svelte コンポーネントを実装する場合、Svelte の機能を扱う場合に使用します。

開発65
S
swiftui-debugging
swiftui-debugging
mengto / skills

不要な body の再評価、低速またはカクつくビュー、スクロール/リスト/グリッドのスタッター、ビュー ID のバグ、状態の喪失、過剰な `Self._printChanges()` 出力、`@Observable` と `ObservableObject` の観測スコープの違い、`AnyView` のパフォーマンス懸念、SwiftUI の `body` 内での高コストな処理など、SwiftUI のレンダリング パフォーマンス問題を診断して修正します。

開発65
S
swiftui-expert-skill
swiftui-expert-skill
midudev / autoskills

iOS または macOS 向けの SwiftUI コードの作成、レビュー、リファクタリング時に使用します。状態と `@Observable` のデータフロー、ビューの構成、サイズ変更可能なレイアウト、セーフエリア、表示スケール、パフォーマンス、リスト、環境、ローカライズ、アニメーション、Liquid Glass、API 移行を扱います。iPhone Duo、折りたたみデバイス、大型ディスプレイのレイアウト(大型ディスプレイの `NavigationSplitView`、iPhone のタブサイドバー、2 列への再配置、折りたたみデバイスのグリッド、`ArrangementView`、`ReservedRegion`)、ヒンジ効果、縦型バー、`@State` の初期化や合成プロパティの診断、`@ContentBuilder` の曖昧さ、`reorderable` のドラッグ&ドロップ、カスタム `AsyncImage` `URLSession`、List 外のスワイプアクション、項目にバインドされた `alert`/`confirmationDialog`、`ToolbarOverflowMenu`、`AnimatableValues`、Document API(`Document`/`DocumentReader`)、Instruments `.trace` の記録や分析にも使用します。

開発65
S
syncfusion-javascript-kanban
syncfusion-javascript-kanban
syncfusion / javascript-ui-controls-skills

視覚的なタスク管理とワークフロー追跡のための Syncfusion TypeScript Kanban ボードを実装する。タスクボード、ワークフローの可視化、アジャイルプロジェクト管理を扱う場合に使用する。本 skill は TypeScript アプリケーションにおける Kanban ボードのセットアップ、列の設定、カード管理、スイムレーン、ドラッグ&ドロップ操作、WIP 制限を扱う。

開発65
S
syncfusion-javascript-maps
syncfusion-javascript-maps
syncfusion / javascript-ui-controls-skills

TypeScript と JavaScript で Syncfusion Maps を実装するためのガイド。ユーザーがインタラクティブな地図を作成する、マーカーを追加する、地理データを可視化する、地図レイヤーを扱う、カラーマッピングを適用する、注釈を追加する、凡例を構成する、地図のインタラクションとイベントを処理する必要があるときにこのスキルを使用します。TypeScript(モジュールベース)と JavaScript(CDN/ES5)で動作します。

開発65
S
syncfusion-vue-ai-assistview
syncfusion-vue-ai-assistview
syncfusion / vue-ui-components-skills

Syncfusion Vue AI AssistView コンポーネントを実装します。会話型 AI インターフェイス、チャットボット、プロンプト応答システムの作成や、OpenAI、Gemini、Claude などの AI サービスを Vue アプリに統合する場合に使用します。セットアップ、プロンプト管理、候補表示、カスタマイズ、イベント処理、テンプレート、Markdown 応答、AI サービス統合、思考連鎖の可視化、動的ツールを使った生成 UI、テキスト読み上げ、AI 指標(所要時間、トークン、ツール呼び出し)のテレメトリー追跡、プロンプトエディターでのメンション機能を含みます。

開発65
S
syncfusion-vue-inline-ai-assist
syncfusion-vue-inline-ai-assist
syncfusion / vue-ui-components-skills

AI によるテキスト処理のために、Syncfusion Vue Inline AI Assist コンポーネントを実装します。インライン AI アシスタンス、プロンプトと応答のやり取り、カスタムコマンドポップアップ、応答アクション、音声入力(音声からテキストへの変換)、イベント処理を実装する場合や、テキスト編集、要約、コンテンツ操作のワークフロー向けに AI 機能を Vue アプリケーションへ直接統合する場合に、このスキルを使用します。

開発65
S
syncfusion-vue-kanban
syncfusion-vue-kanban
syncfusion / vue-ui-components-skills

列ベースのタスクボード UI 向けの Syncfusion Vue Kanban コンポーネントを実装する。ドラッグアンドドロップ、スイムレーン、WIP 制約、仮想スクロールに対応する。スプリントボード、kanban ボード、ワークフロートラッカー、その他列ベースのタスク管理 UI を構築する場合に使用する。データバインディング(ローカルおよびリモート)、カード、列、ダイアログ、イベント、アクセシビリティを扱う。

開発65
S
syncfusion-vue-markdown-converter
syncfusion-vue-markdown-converter
syncfusion / vue-ui-components-skills

Markdown テキストをクリーンな HTML に変換する Syncfusion Vue Markdown Converter を実装する。Vue で Markdown を HTML に変換する場合、ライブ Markdown プレビューを統合する場合、GFM や改行オプションを設定する場合、または MarkdownConverter.toHtml() と MarkdownConverterOptions を扱う場合に使用する。このスキルは @syncfusion/ej2-markdown-converter パッケージと、並べて HTML プレビューを表示する Markdown Editor 統合を扱う。

開発65
S
syncfusion-vue-pivot-table
syncfusion-vue-pivot-table
syncfusion / vue-ui-components-skills

Vue で Syncfusion PivotView ピボットテーブルを実装する方法をユーザーが尋ねた場合にこのスキルを使用する。Vue のピボットグリッド/OLAP 分析、メジャー/ディメンション、データバインディング、ドリルダウン/ドリルスルー、グループ化、フィルタリング、計算フィールド、条件付き書式、エクスポート、ピボットチャートでトリガーする。Vue 専用で、React/Angular/Blazor には対応しない。

データ・データベース65
T
tailwind-config
tailwind-config
motormetrics / motormetrics

MotorMetricsのモノレポ

デザイン・UI65
T
tailwind-performance

本番環境向けに Tailwind CSS を最適化し、バンドルサイズを削減してパフォーマンスを向上させる際に使用する。PurgeCSS、JIT モード、ビルド最適化を扱う。

開発65
T
tdd
tdd
c0nant / skills

テスト駆動開発。ユーザーが機能構築やバグ修正をテストファーストで行いたい場合、「レッドグリーンリファクタリング」に言及している場合、または統合テストを望む場合に使用します。

テスト・品質65
T
technical-book-lab-design
technical-book-lab-design
lvtd-llc / skills

ハンズオン形式の技術ノンフィクションの章を、実行可能なラボ、実例、演習、チェックポイント、トラブルシューティングの道筋、読者の成果として設計する。技術書の節、チュートリアル、セルフホストの章、DevOps ガイド、プログラミングのレッスン、インフラの解説を、読者が完了して確認できる実践的なラボに変える場合に使用する。

ドキュメント65
T
technical-research
technical-research
89jobrien / steve

テクニカルスパイクとリサーチ調査の専門家。以下を探索する場合に使用

開発65
T
template-creator
template-creator
oimiragieo / agent-studio

エージェント、スキル、ワークフロー、フック、コードパターン用のテンプレートを作成して登録する。作成後のカタログ更新、利用側スキルの統合、README への登録を処理する。新しいテンプレートタイプの作成やパターンの標準化の際に使用。

エージェントワークフロー65
T
tenzir-commit-changes
tenzir-commit-changes
tenzir / skills

変更をクリーンでレビュー可能なスナップショットとしてコミットする。コミット、ステージング、作業を論理的な単位に分割、コミットメッセージの作成や修正、fixup コミットの作成、コミット履歴の整理に使用する。ユーザーが "commit this"、"save my changes"、"make a commit"、"write a better commit message" と言った場合にも使用する。

開発65
T
test-driven-development

任意の機能またはバグ修正を実装する際に使用 — 実装コードを記述する前に

テスト・品質65
T
test-failure-investigator
test-failure-investigator
proffesor-for-testing / agentic-qe

テストが失敗し、根本原因を特定する必要があるときに使用する。不安定なテストか、環境の問題か、実際のリグレッションか。症状から修正まで失敗を追跡する。

テスト・品質65
T
threejs-shaders
threejs-shaders
midudev / autoskills

Three.js シェーダー — GLSL、ShaderMaterial、uniform、自作エフェクト。カスタムの視覚効果の作成、頂点の変更、フラグメントシェーダーの記述、組み込みマテリアルの拡張時に使用します。

クリエイティブ・メディア65
T
tinacms
tinacms
ovachiever / droid-tings

Git に支えられた TinaCMS でコンテンツ中心のサイトを構築。ブログ、ドキュメント、マーケティングサイト向けに、非技術者の編集者でも使えるビジュアル編集とコンテンツ管理を提供。使用場面:Next.js、Vite+React、Astro での CMS 構築、Cloudflare Workers でのセルフホスト、または ESbuild のコンパイルエラー、モジュール解決の問題、Docker のバインド問題のトラブルシューティング。

開発65
T
tooljet
tooljet
membranedev / application-skills

ToolJet 連携。データとレコードを管理し、ワークフローを自動化します。ユーザーが ToolJet のデータを操作したいときに使用します。

開発65
T
transformers

"HuggingFace Transformers"、"pre-trained models"、"pipeline API" に関する場合、または "text generation"、"text classification"、"question answering"、"NER"、"fine-tuning transformers"、"AutoModel"、"Trainer API" について質問する場合に使用

開発65
U
unfold-admin
unfold-admin
0xdarkmatter / claude-mods

Django Unfold 管理画面テーマ - Unfold でモダンな Django 管理画面を構築・設定・拡張する。(1) Django 管理画面 UI のカスタマイズやテーマ設定、(2) Unfold ModelAdmin、インライン、アクション、フィルター、ウィジェット、デコレーター、(3) 管理画面ダッシュボードのコンポーネントと KPI カード、(4) サイドバーナビゲーション、タブ、条件付きフィールド、(5) 'unfold'、'django-unfold'、'unfold admin' への言及、といった作業で使用する。Unfold の全機能を網羅:サイト設定、アクションシステム、表示デコレーター、フィルター種別、ウィジェットのオーバーライド、インラインのバリエーション、ダッシュボードコンポーネント、データセット、セクション、テーマ設定、サードパーティ統合。

デザイン・UI65
U
unity-cloud-build
unity-cloud-build
membranedev / application-skills

Unity Cloud Build 連携。データとレコードを管理し、ワークフローを自動化します。ユーザーが Unity Cloud Build のデータを操作したいときに使用します。

クラウド・DevOps65
U
unity-packages-services
unity-packages-services
nice-wolf-studio / unity-claude-skills

Unity 6 のパッケージとサービスガイド。Package Manager、パッケージのインストール/更新、スコープ付きレジストリ、Unity Gaming Services(Authentication、Cloud Save、Analytics、Leaderboards、Matchmaker)を扱うときに使用。必須パッケージ一覧とバージョン互換性をカバー。Unity 6.3 LTS ドキュメントに基づく。

開発65
U
update-graft-inventory
update-graft-inventory
autumnsgrove / lattice

フラグの追加や削除時に graft(フィーチャーフラグ)インベントリを更新する。マイグレーションで新しい graft を追加するとき、CI がインベントリの不一致を指摘した後、またはドキュメントが本番の D1 と一致するよう定期的に確認するときに使用する。

開発65
U
using-document-databases
using-document-databases
ancoleman / ai-design-components

柔軟なスキーマのアプリケーション向けのドキュメントデータベース実装。コンテンツ管理、ユーザープロフィール、カタログ、イベントログを構築するときに使用する。MongoDB(主要)、DynamoDB、Firestore、スキーマ設計パターン、インデックス戦略、集約パイプラインを扱う。

データ・データベース65
U
using-git-worktrees
using-git-worktrees
pcvelz / superpowers

現在のワークスペースから隔離が必要な機能作業を開始する場合、または実装計画を実行する前に使用 - ネイティブツールまたは git worktree フォールバックを介して隔離されたワークスペースの存在を保証します

開発65
U
uv-deps
uv-deps
whatifwedigdeeper / agent-skills

分離された git worktree と uv を使い、セキュリティ監査や依存関係の更新を通じて Python パッケージを保守する。セキュリティ監査、CVE 修正、脆弱性チェック、依存関係の更新、パッケージのアップグレード、古いパッケージ、バージョン更新、Python の脆弱性修正、Python CVE の確認、Python パッケージの監査、pyproject.toml の依存関係の更新、Python 依存関係のモダナイズ、またはユーザーが /uv-deps と入力した場合(特定のパッケージ名や glob パターンの有無を問わない)に使用する。

開発65
V
vercel-react-native-skills
vercel-react-native-skills
connorads / dotfiles

高性能モバイルアプリ構築の React Native と Expo ベストプラクティス。React Native コンポーネント構築、リストパフォーマンス最適化、アニメーション実装、またはネイティブモジュール使用時に使用します。React Native、Expo、モバイルパフォーマンス、またはネイティブプラットフォーム API に関するタスクで動作します。

開発65
W
wendy-lite
wendy-lite
wendylabsinc / claude-skills

ESP32-C6 上の Wendy Lite MCU ファームウェア向けに WASM アプリを構築するための専門的なガイダンス。開発者が次に言及したときに使用:(1) Wendy Lite または wendy-lite、(2) ESP32 やマイクロコントローラー上の WASM アプリ、(3) WendyLite Swift パッケージまたは import WendyLite、(4) ESP32 向けの C/Rust/Swift/Zig アプリの構築、(5) 組み込みデバイス上の WAMR ランタイム、(6) WASM からの GPIO/I2C/SPI/UART/NeoPixel、(7) WASM 上の Embedded Swift または wasm32-none-none-wasm、(8) ESP32-C6 上の BLE プロビジョニング、(9) WASM バイナリの MCU へのアップロード、(10) Swift からの ESP32 上の TLS/ネットワーキング。

開発65
W
widgetkit
widgetkit
ios-agent / iosagent.dev

Apple の WidgetKit フレームワークを使って iOS/macOS/watchOS/visionOS のウィジェット、Live Activity、ウォッチのコンプリケーション、コントロールを構築する。ウィジェット拡張、タイムラインプロバイダ、構成可能なウィジェット、ロック画面ウィジェット、スマートスタックウィジェット、ActivityKit による Live Activity、ボタン/トグル付きのインタラクティブウィジェット、ウォッチのコンプリケーションを作成する場合に使用する。すべてのウィジェットファミリー(systemSmall/Medium/Large/ExtraLarge、accessoryCircular/Rectangular/Inline/Corner)とレンダリングモードをカバーする。

開発65
W
workflow
workflow
epicenterhq / epicenter

`specs/` 配下にタイムスタンプ付きの仕様を置き、チェックリスト駆動の計画、自律的なチェックポイント、実装後のレビューステップを備えた標準的な機能ワークフロー。複数ファイルにまたがる機能の着手時、ユーザーが "start a new feature"、"how should I plan this"、"what's the process"、"write a spec for this" と言ったとき、または計画ドキュメントが必要な非自明な実装の前に使用する。

エージェントワークフロー65
W
wp-plugin-development
wp-plugin-development
jorgerosal / wordpress-skills

WordPress プラグインのアーキテクチャレビューと WordPress.org への申請基準。WordPress プラグインコードのレビュー、プラグインアーキテクチャの監査、WordPress.org へのプラグイン申請の準備、プラグインのベストプラクティスの確認、カスタム投稿タイプ、タクソノミー、Settings API、フックシステム、国際化の分析を行うとき、またはユーザーが "plugin review"、"plugin development"、"plugin best practices"、"WordPress.org submission"、"Plugin Check"、"plugin headers"、"activation hook"、"deactivation hook"、"uninstall"、"custom post type"、"taxonomy"、"Settings API"、"hooks"、"actions"、"filters"、"i18n"、"text domain"、"prefixing"、"namespacing" に言及したときに使用する。プラグインのアーキテクチャ、ライフサイクルフック、WordPress.org への準拠、API 統合の問題を検出する。

開発65
W
writing-plans

マルチステップタスクの仕様または要件がある場合に、コードに触れる前に使用してください

エージェントワークフロー65
X
xy-development
xy-development
xyoraclenetwork / xyo-skills

リダイレクト専用。正規の xy-development は ariestools/ariestools-skills にあります。そのパックをインストールし、TypeScript の規約、Git ワークフロー、テスト原則、完了の定義については xy-development スキルを参照してください。この xyo-skills のコピーは一時的なリダイレクト用スタブであり、ドキュメントとして使用しないでください。

開発65
X
xy-toolchain
xy-toolchain
xyoraclenetwork / xyo-skills

リダイレクト専用。正規の xy-toolchain は ariestools/ariestools-skills にあります。そのパックをインストールし、@ariestools/toolchain、xy CLI、ESLint flat config、TypeScript 設定、Vitest、deplint、リポジトリポリシー、スキル、作業トラッキングについては xy-toolchain スキルを参照してください。この xyo-skills のコピーは一時的なリダイレクト用スタブであり、ドキュメントとして使用しないでください。

開発65
Z
zig-tiger-style
zig-tiger-style
zigcc / skills

TigerStyle Zig コーディングガイドライン——TigerBeetle の本番コードベースから抽出したもの。ユーザーが Zig コードを書いたり、レビューしたり、リファクタリングしたりするとき、Zig のイディオム、ベストプラクティス、アサーション、メモリレイアウト、命名規則、コードスタイルについて尋ねるときはいつでもこのスキルを使用する。Zig の構造体の構成、エラーの処理、安全なループの書き方、Zig API の設計方法を尋ねたときにも起動する。ユーザーが単に「Zig を書いて」と言った場合や、レビュー用に Zig コードを貼り付けた場合でも、まずこのスキルを参照する。

開発65
Z
zr-readme
zr-readme
zenon-red / skills

zenon-red リポジトリ用に一貫した整形済みの README ファイルを作成する。zenon-red プロジェクトの README.md を作成・更新する際に使用し、すべてのリポジトリで構造、セクションの順序、バッジのスタイル、書式の慣習を揃える。

ドキュメント65
Z
zsh-path
zsh-path
julianobarbosa / claude-code-skills

zsh での PATH 設定の管理とトラブルシューティング。ツール(bun、nvm、Python venv、cargo、go)を PATH に追加するとき、"command not found" エラーの診断、PATH エントリの検証、.zshrc および .zshrc.local ファイルのシェル設定の整理に使用する。

開発65
Z
zustand-advanced-patterns

トランジェント更新、セレクター付きサブスクリプション、ストアの合成、パフォーマンス最適化テクニックなど、高度な Zustand パターンを実装するときに使用します。

開発65
Z
zustand-state-management
zustand-state-management
jackspace / claudeskillz

React と TypeScript で Zustand を使った状態管理の本番検証済みパターン:型安全な store の作成、モジュール化された store のための slices パターン、localStorage または sessionStorage を基盤とする persist ミドルウェア、devtools と immer ミドルウェア、余分な再レンダリングを避ける selector と浅い等価比較のパターン。繰り返し発生する 5 つの問題の修正方法を解説:Next.js の SSR hydration ミスマッチとテキストコンテンツのミスマッチエラー、create<T>()() の二重括弧 TypeScript 構文、persist ミドルウェアのエクスポートエラー、無限レンダリングループ、slices パターンの型推論の失敗。React でグローバル状態を設定するとき、Redux や Context API からの移行、状態の永続化の追加、devtools の接続、Zustand v5 の型や hydration の問題のデバッグ時に使用する。

開発65
37,606 件中 26461–26520 件

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。