Skills
エージェント向けにパッケージ化された専門スキルと手順を 99,064 件掲載。コマンド 1 行でインストールできます。
開発
UI/UXデザインのインテリジェンス。50種類のスタイル、21種類の配色、50種類のフォントペア、20種類のチャート、9種類の技術スタック（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）を提供します。操作：計画、構築、作成、デザイン、実装、レビュー、修正、改善、最適化、強化、リファクタリング、UI/UXコードのチェック。プロジェクト：ウェブサイト、ランディングページ、ダッシュボード、管理パネル、EC、SaaS、ポートフォリオ、ブログ、モバイルアプリ、.html、.tsx、.vue、.svelte。要素：ボタン、モーダル、ナビゲーションバー、サイドバー、カード、テーブル、フォーム、チャート。スタイル：グラスモーフィズム、クレイモーフィズム、ミニマリズム、ブルータリズム、ニューモーフィズム、ベントーグリッド、ダークモード、レスポンシブ、スキューモーフィズム、フラットデザイン。トピック：カラーパレット、アクセシビリティ、アニメーション、レイアウト、タイポグラフィ、フォントペア、余白、ホバー、シャドウ、グラデーション。統合：コンポーネント検索とサンプル表示に shadcn/ui MCP を使用
VS Code 拡張をゼロから構築するか、既存の JS/React/Vue アプリを拡張に変換する。コマンド、webview（React/Vue）、カスタムエディター、ツリービュー、および file-bridge IPC による AI エージェント連携をサポート。ユーザーが VS Code 拡張を作成したい、Web アプリを拡張に変換したい、VS Code に webview やカスタム UI を追加したい、ツリービューを実装したい、カスタムファイルエディターを構築したい、AI エージェントと連携したい、拡張をパッケージ化/公開したい（.vsix）ときに使用。
単一の Vue 3 シングルファイルコンポーネント（`<script setup lang="ts">` を含む `.vue` ファイル）の作成、編集、レビュー時に使用します。ブロック順序とテンプレートルート、コンパイラマクロの順序（defineOptions -> defineEmits -> defineModel -> defineProps -> defineSlots、defineExpose は最後）、`<script setup>` 内の順序（imports -> macros -> constants -> stores -> state -> composables -> computed -> watch -> lifecycle -> functions）、関数とアロー関数のスタイル、prop と emit の型指定、defineModel による v-model、scoped／module スタイルを扱います。`.vue` ファイルの編集、defineProps/defineEmits/defineModel/defineSlots の使用、script-setup の順序に関する質問、prop の型指定で起動します。機能単位への分割：`vue-build-feature`。Flux UI ライブラリ：`flux-ui`。
wp-env とアセットビルド watcher を使って WooCommerce Core のローカル開発環境をセットアップ、起動、停止、再起動、検証、トラブルシューティングする。Codex に WooCommerce をローカルで実行するよう依頼されたとき、wp-env を準備するとき、WooCommerce のビルドを監視するとき、フルビルド/監視コマンドと対象を絞ったビルド/監視コマンドを選ぶとき、localhost:8888 を診断するとき、ローカル環境のセットアップコマンドを説明するときに使用。
Alipay Open Platformの決済製品を連携するためのベストプラクティスです。対面決済、注文コード決済、App決済、JSAPI決済、モバイルサイト決済、PCサイト決済、事前承認決済、加盟店による引き落としなど、あらゆる場面における製品選定と連携方法を解説します。「Alipayを連携」「Alipay決済を統合」「決済を接続」「Alipayで入金」「決済機能を追加」「Alipayで注文」「H5決済」「ミニプログラム決済」「事前承認」「支払いコード」「QRコード決済」「ウェブ決済」「PC決済」「定期引き落とし」「自動更新」「会員購読」「月額継続課金」「口座振替」といった依頼、または決済製品に関するエラーやトラブルシューティングの相談時に、このSkillを使用します。
骨格アニメーション、ブレンドツリー、ステートマシン、インバースキネマティクス、ルートモーション、プロシージャルアニメーション、アニメーションリターゲティングを含むリアルタイムゲームアニメーションシステムのエキスパート。視覚品質とパフォーマンス制約のバランスを取りながら、滑らかで反応の良いキャラクターアニメーションを作成することを専門とします。"animation system, state machine, blend tree, skeletal animation, inverse kinematics, IK system, root motion, animation blending, character animation, animator controller, motion matching, animation retargeting, foot IK, look at IK, aim offset, animation montage, animation notify, additive animation, animation layers, procedural animation, animation, game-dev, character, state-machine, unity, unreal, godot, skeletal, rigging, motion" に言及された場合に使用します。
CacheMgr、caches.json の定義、キャッシュリージョンの設定によるカスタムキャッシュを実装します。ユーザーがサーバー側で高コストな計算や API レスポンスをキャッシュする必要があるとき、TTL とサイズ制限を伴うキャッシュリージョンを定義するとき、キャッシュエントリを無効化するとき、または消えるキャッシュデータをデバッグするときはいつでもこのスキルを使用します。アプリケーションレベルのキャッシュでスクリプトのパフォーマンスを最適化するときにも使用します——ユーザーが単に 'このデータをキャッシュして' や 'キャッシュした値が消え続ける' と言った場合でも同様です。
Catalyst Data Streams — WebSocket によるリアルタイムのパブリッシュ／サブスクライブチャネル。関数から publishData / publish_data で配信し、getTokenPair / get_token_pair でトークンペアを発行し、DataStreamsWebSocket / ZCDataStreamsWebSocket（Node.js、ブラウザー、Java、Python）で購読します。sendAck、live/earliest/resume の購読タイプ、48時間の保持期間、User Roles と Custom Logic によるアクセス制御に対応します。「Data Streams」「datastreams」「real-time channel」「live updates」「pub/sub」「WebSocket subscriber」「token pair」「wss-id」「app_user_id is missing」「Invalid access control source」「Authentication failed 3000」「@zcatalyst/datastreams」「zcatalyst_sdk.datastreams」で起動します。
C/C++ ヘッダーファイル（#include ステートメント）を条件付きコンパイルブロックに完全対応して自動ソートする。Claude が .cpp/.h ファイルの #include ステートメントを整理する必要がある場合に使用する。対応内容：(1) 対応するヘッダーを最初に配置（例：file.cpp が file.h をインクルード）、(2) システムヘッダー（<>）をアルファベット順にソート、(3) ローカルヘッダー（""）をアルファベット順にソート、(4) 条件付きコンパイルブロック（#ifdef/#ifndef/#if defined）。ヘッダーはブロック構造を保ちながら全体のソートに参加する。主な機能：重複する include では長いパスを優先、行内および先行コメントを保持、#elif/#else ブロックを処理、ヘッダーが失われないことを検証。
Crowdin CLI の正しい使い方を案内する — ローカルプロジェクトと Crowdin 間でローカライズファイルを同期する `crowdin` コマンド。ユーザーが `crowdin` コマンドを実行・スクリプト化・デバッグする場合、CLI を認可する場合、crowdin.yml 設定を作成・編集する場合、ソースをアップロードする場合、翻訳をダウンロードする場合、翻訳ステータスを確認する場合、プロジェクトを自動翻訳する場合、ローカライズを CI/CD に組み込む場合、スクリプトを CLI v4 から v5 へ移行する場合に使用する — CLI を名指しせず「翻訳を同期」や「Crowdin に文字列をプッシュ」と言っただけでも。
現代的な機能とベストプラクティスを用いたエキスパートレベルの CSS 開発。(1) CSS の作成やデバッグ、(2) flexbox、grid、コンテナクエリによるレイアウトの実装、(3) アニメーションとトランジションの作成、(4) CSS パフォーマンスの最適化、(5) CSS プリプロセッサや CSS-in-JS の使用、(6) レスポンシブデザインの実装を求められた場合、または「style」「CSS」「stylesheet」「design」「layout」「animation」といった語が現れる場合に使用。
シグナルパイプラインをローカルでエンドツーエンドにデバッグします。フィクスチャからのテストシグナル送信、REST API 経由での Temporal ワークフロー監視、オブジェクトストレージからのサンドボックス Agent ログ読み込み、Docker サンドボックスコンテナの検査、一般的な障害（古い ClickHouse 埋め込み、agentsh のネットワーク拒否、非アクティブタイムアウト）の診断を扱います。シグナルがインボックスに届かない場合、signal-report-summary ワークフローが失敗する場合、またはサンドボックスタスクがタイムアウトする場合に使用します。
Contentstack のエントリー、アセット、参照、フィルタリング、ソート、ページネーション、ロケール、Live Preview、Visual Builder 対応について、Agent が `@contentstack/delivery-sdk` を使った正確で本番環境向けの TypeScript を記述できるよう支援します。メソッド名、オプション、チェーンの順序が重要な場合は、Delivery SDK Spec に照らして SDK の動作を確認します。Contentstack Delivery SDK のコード、クエリ例、ヘルパー関数、SDK のセットアップ、stack の初期化、参照の取り込み、フィルタリング、ソート、ページネーション、型付きエントリーの取得、アセット取得、Live Preview の設定、Visual Builder 対応、SSR プレビュー処理、SDK クエリチェーンのデバッグをユーザーが求める場合に使用します。
Field Service Mobile フロー（processType='FieldServiceMobile'）を DataCaptureFlow へ完全自動で移行する。org からフロー XML を取得し、トランスフォーマースクリプトを実行して実行グラフを再構築しすべてのフィールド型を変換し、移行したフローを Draft としてのみデプロイし（アクティベーションは常に検証後の別個の手動管理者ステップ）、機能的等価性の差分を報告する。ほとんどのフローを手動介入なしでエンドツーエンドで処理する。1 つのコンポーネントの削除や 1 つの要素の並べ替えのように些細に見える変更でも、必ずこのスキルを使用すること——Data Capture のランタイムは Flow Builder のプレビューとは異なる動作をし、それを考慮できるのはトランスフォーマースクリプトだけである。ユーザーが従来の Field Service Mobile フロー `.flow` / `.flow-meta.xml` ファイルを Data Capture で移行、モダナイズ、変換、監査、置き換えしたい場合、または移行の準備状況を評価したい場合に使用する。既存の Data Capture フローの編集や新規作成には使用しない——対象は一度きりのレガシー移行のみである。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。