Skills
エージェント向けにパッケージ化された専門スキルと手順を 99,064 件掲載。コマンド 1 行でインストールできます。
開発
Salla Merchant Dashboard 内（埋め込みアプリ）で iframe ページを構築するときに使用。salla_embedded_pages で登録し、@salla.sa/embedded-sdk をインストールし、embedded.init() を await する（postMessage ブリッジ → layout：theme/locale/dir）。その後 Trust-but-Verify で認証する：FE の embedded.auth.getToken() が短期トークンを YOUR バックエンドに送信し、バックエンドが POST /exchange-authority/v1/introspect（header S-Source = あなたの App ID）で検証して自身のセッションを発行する。embedded.ready() はその後にのみ呼び出す。ネイティブの Page/Nav/UI モジュールを使用する（No-Chrome ルール）。theme/RTL を同期する。アプリ内で addon を販売 → salla-addon-purchase-embedded、公開フロー → salla-app-builder。
GitHub spec-kit、Ouroboros（ooo）、HKUDS CLI-Anything を 1 つの仕様駆動デリバリースタックに組み合わせる — Write → Freeze → Run、検証済み。`/speckit.*` で仕様を書き、機械検証可能な受け入れ基準を持つ不変の ooo seed として凍結し、CLI-Hub のエージェントネイティブな CLI ハーネスでループを武装し（`--json` 出力を evaluate の証拠とする）、検証が通るまでループする。3 つのパターンをルーティングする — フルスタック（spec-kit → ooo → cli-anything）、ループのみ（ooo）、ドキュメントのみ（spec-kit） — 明示的なアンチパターン付き（2 つの仕様 SSOT、ハーネス優先のビルド、seed なしの ralph ループ）。ユーザーが仕様から検証済み成果物へのデリバリーを望むとき、spec-kit と ooo を衝突させずに連携させたいとき、または検証済みループ内で実際のソフトウェアを動かす必要があるときに使用する。トリガー：spec-stack、spec stack、write freeze run、spec to verified、speckit + ooo、ooo + cli-anything、spec-driven loop、verified delivery stack、seed with tools。
Syncfusion を使って Vue で Word ライクなドキュメントエディターを生成、統合、実装する方法をユーザーが尋ねたときにこの skill を使用する。Syncfusion Vue Document Editor、Vue ベースのエディター統合、ドキュメントの編集と書式設定、コメントと変更履歴、表と画像の操作、ヘッダーとフッターの管理、ドキュメント保護の適用、Vue アプリでのエンドツーエンドのドキュメントワークフローの構築を含むリクエストでトリガーする。
自動候補機能を備えたテキスト入力向けの Syncfusion WinForms AutoComplete コントロールの実装をガイドします。オートコンプリートのテキストボックスの追加、自動候補機能の実装、候補付き検索ボックスの作成、URL/メールのオートコンプリートの有効化、Windows デスクトップアプリでの逐次検索機能の構築を行う場合に使用します。データバインディング、カスタマイズ、フィルタリング、複数列ドロップダウン、イベント、および AutoComplete 固有のすべての機能を扱います。
35 種類以上のグラフ、データバインディング、系列の構成、軸のカスタマイズ、インタラクティブ機能を備えた Syncfusion Windows Forms Chart コントロールを実装するためのガイド。Windows Forms のグラフ、ChartControl、グラフの種類、WinForms でのデータ可視化を扱うときに使用する。この skill は、グラフ系列、グラフ軸、データバインディング、凡例、スタイル設定、および Windows Forms アプリ（.NET Framework）向けの面グラフ、棒グラフ、折れ線グラフ、円グラフ、縦棒グラフ、バブルチャート、ローソク足チャート、金融チャート、統計チャートを含むすべてのグラフの種類を対象とする。
セル指向型アーキテクチャ、仮想データ読み込み、Excel ライクな機能を備えた Syncfusion Windows Forms GridControl を実装します。表計算のようなグリッド、GridStyleInfo によるセルスタイル、グリッドの数式、結合セル範囲を扱う際に使用します。このスキルは QueryCellInfo イベント、PopulateValues、ChangeCells、グリッドの選択、編集の検証、および広範なセルのカスタマイズ機能を扱います。
Windows Forms アプリケーションで Syncfusion GroupView コントロールを実装するためのガイド。画像付きリストコントロール、Visual Studio ツールボックス風インターフェイス、ナビゲーション項目リストを作成する際に使用します。GroupViewItem コレクション、ドラッグ＆ドロップ項目リスト、ハイライト選択、ツールボックス風インターフェイス、OutlookBar 風インターフェイス向けの GroupBar クライアントコントロールについて説明します。
Windows Forms アプリケーションで Syncfusion HubTile コントロールを実装するためのガイド。Windows 8/Windows Phone に似たアニメーション付きコンテンツタイルのライブタイル機能（スライド、回転、パルス遷移など）を作成する際に使用します。ダッシュボードタイル、ライブ通知、アニメーション付きステータス表示、自動アニメーションを備えた Windows 8 風 UI、バナー、ビジュアル更新について説明します。
カスタマイズ可能なキャプションバー、境界線、色を備えたモダンな Metro スタイルの Windows Forms を作成するための Syncfusion MetroForm コントロールを実装します。MetroForm、カスタムタイトルバー、フラット UI フォームを扱う場合や、Windows Forms の外観をモダン化する場合に使用します。このスキルは、キャプションバーのカスタマイズ、角丸、キャプションラベルと画像、高度なスタイル機能に関するガイダンスを提供します。
パンくずナビゲーションと階層パスの追跡のために Windows Forms で Syncfusion NavigationView コントロールを実装するためのガイド。パンくずトレイルを備えたファイルエクスプローラー、フォルダーブラウザー、ファイルブラウザー風インターフェイスを構築する際に使用します。パンくずナビゲーション、ドロップダウンナビゲーション、履歴の追跡、ドロップダウンによる子の選択を伴うパスベースの位置追跡のための階層バー構造について説明します。
カスタマイズ可能なテキスト形式で操作の進行状況を表示する Syncfusion ProgressBarAdv コントロールを Windows Forms で実装します。進行状況インジケーター、ローディングバー、または Percentage、Value、Custom のテキスト形式によるパーセント表示を作成する際に使用します。方向（水平/垂直）、テーマ、進行状況の追跡、ファイル操作、インストール、ダウンロード表示向けの進行状況イベントを扱います。
Windows Forms アプリケーションでスプリッターで区切られたサイズ変更可能なパネルレイアウトを作成するための Syncfusion SplitContainerAdv コントロールを実装します。分割ビューインターフェイス、マルチペインレイアウト、サイズ変更可能なコンテナーコントロールを構築する際に使用します。パネルの方向とサイズ、スプリッターの外観のカスタマイズ、コンテナーのスタイル、スプリッターの移動イベント、水平/垂直レイアウト、パネルの折りたたみ、ネストされたコンテナーを扱います。
vibestart CLI を使って TypeScript プロジェクトを作成し、スタックやレシピを選択し、Knip、Ultracite、Docker などの機能を追加し、プロジェクトの状態を診断します。業務上の変更を保持しながらテンプレートをアップグレードし、競合を解決してテンプレートの変更をスターターソースに反映することもできます。ユーザーが vibestart に言及した場合、vibestart.jsonc を含むプロジェクトの保守を依頼した場合、またはこれらの CLI ワークフローの支援が必要な場合に使用します。CLI と無関係な通常のアプリ機能開発には使用しません。
実装と検証が完了したら Phase-2 Walkthrough 成果物（walkthrough.md）を生成します。変更サマリー、検証手順（コマンド + ユニットテスト + 自動ブラウザテストの結果）、ビジュアル証拠（ファイルに直接埋め込まれたスクリーンショット/録画）、レビューゲート（Git ステージングチェック用の最終 diff + PR 説明）を収録し、マージ前に何が変更され何が動作することが証明されたかを把握できます。デフォルトでは tasks/walkthrough-[feature].md に保存されます。トリガー：/walkthrough、walkthrough、Phase 2 walkthrough、生成 walkthrough、生成走查文档、write the walkthrough。
このスキルは、会話型 AI インターフェース向けに shadcn/ui 上で構築された本番対応の AI チャット UI コンポーネントを提供する。ストリーミング応答、ツール/関数呼び出しの表示、推論の可視化、出典引用を備えた ChatGPT スタイルのチャットインターフェースを構築するときに使用する。Vercel AI SDK v5 に最適化された Message、Conversation、Response、CodeBlock、Reasoning、Tool、Actions、Sources を含む 30 以上のコンポーネントを提供する。Next.js App Router、Tailwind v4、shadcn/ui 統合、AI SDK v5 移行、コンポーネント構成パターン、音声入力のブラウザ互換性、レスポンシブデザインの問題、ストリーミング最適化に関する一般的なセットアップエラーを防ぐ。キーワード：ai-elements、vercel-ai-sdk、shadcn、chatbot、conversational-ai、streaming-ui、chat-interface、ai-chat、message-components、conversation-ui、tool-calling、reasoning-display、source-citations、markdown-streaming、function-calling、ai-responses、prompt-input、code-highlighting、web-preview、branch-navigation、thinking-display、perplexity-style、claude-artifacts
@antfu/design を使って開発者ツール風の Vue 3 UI を構築または再デザインする場合に使用します。コンポーザブルな UnoCSS プリセットの接続、セマンティックトークン（bg-base、color-base、badge-color-*、color-scale-*）の使用、接頭辞付きプリミティブ（DisplayBadge、ActionButton、DisplayFilePath、OverlayModal など）の選択、ライト／ダークモードのコントラストと「anti-slop」ルールの維持を扱います。@antfu/design に依存するプロジェクトで UI を生成またはレビューする際に使用します。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。