Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
AutoComplete、ComboBox、DropDownList、ListBox、Mention、MultiSelect、MultiColumn ComboBox など、Syncfusion Angular ドロップダウンコンポーネントの実装を網羅したガイドです。Angular アプリで選択インターフェース、データバインディング、フィルタリング、カスケードドロップダウン、カスタムテンプレート、アクセシブルなドロップダウンを構築する際に使用します。
Service filter.expression を通じた Make App のレコード一覧キーワード検索や、@qfei-design/make-app-filter による高度／条件／テーブル／ヘッダーフィルターの生成、統合、レビュー、デバッグに使用します。列表搜索、关键词搜索、筛选、高级筛选、条件筛选、表格／表头／列头／按字段筛选、CEL/DNF、フィールド型オペレーター、候補値、フィルター Preset の保存／再表示がトリガーになります。検索のみのモードでは、フィルターパネルや Preset のライフサイクルを使わず、パッケージコンパイラーを使用します。高度なフィルターモードでは、パッケージパネル、権限を考慮した Entity Preset、デスクトップ／タブレットの CanvasTable ヘッダー連携を使用します。スマートフォンではモバイルパネルレイアウトを使用します。make-app-permission のリストアクセスを利用します。make-app-actions がある場合、フィルターの適用成功後に選択を解除し、保留中の処理を無効化する必要があります。下書きと失敗時は選択を維持します。ページレイアウト、CanvasTable の内部実装、Service ルートの実装、ソート、グループ化、認証、ランタイム、DSL、Make CLI、テーブルセルの編集は対象外です。
Uploader、NumericTextBox、TextBox、Signature、CheckBox、OTP Input、RangeSlider、TextArea、ColorPicker、MaskedTextBox、Rating など、Syncfusion Angular の入力コンポーネント実装に関する包括的なガイドです。非同期・分割アップロードに対応したファイルアップロード UI、ドラッグ＆ドロップ、検証と書式設定を備えた数値入力、フローティングラベルとカスタム装飾のあるテキスト入力、取り消し・やり直し・エクスポートに対応したデジタル署名、チェックボックスの複数選択と不定状態、シームレスなフォーム連携、アクセシビリティ対応、ワンタイムパスワード（OTP）入力、行のプログラムによる調整、スライダー目盛りのカスタマイズとスタイル設定、HSV ピッカーとパレット対応の視覚的な色選択、構造化データ入力用のマスク付きテキスト入力、インタラクティブな星評価コンポーネントを備えた Angular アプリの構築を対象としています。
オーナーのブランドイメージと出力の好みを設定・更新し、プラグインが作成するすべてのページやドキュメントに自動的に反映します。貼り付けたウェブサイトのリンク、または平易な言葉による説明からブランドを把握します。16 進数コード、カラーピッカー、アップロードは使用しません。サンプルページでプレビューし、希望する出力形式（ビジュアル成果物、Word 文書、Markdown、Notion ページ、Canva Docs、またはスキルに最適な形式）を確認して、両方をビジネスプロフィールに保存します。初回設定時は smb-onboard 内で実行し、その後は単独で使用できます。オーナーが「ブランドを更新して」「リブランドした」「色を変えて」「新しいイメージにレポートを合わせて」「レポートの提供方法を変えて」「代わりに Word 文書が欲しい」と言った場合や、プラグインが提供するものの見た目や形式について述べた場合に使用します。
ページ、コンポーネント、UI の構築やレビュー時に、本番品質のデザイン基準を適用します。ページの構築、コンポーネントのデザイン、セクションのレイアウト、UI のレビュー、レイアウトの修正、デザイン品質の確認を依頼された場合に使用します。ページ構築、コンポーネント作成、セクションのデザイン、ヒーロー、カード、CTA、レイアウト、UI のレビュー、デザイン修正、デザインシステム、デザイントークン、余白、タイポグラフィのスケール、ボタン基準、モバイルデザインで起動します。コントラスト、アクセシビリティ、余白、視覚的階層が重要となる本番向けのデザイン判断でも起動します。
Use when deciding how a surface looks or moves: landing, particle/WebGL hero, scrubbed motion, drift, dashboard, admin/internal tool UI, mobile screen, deck, tokens, light/dark theme. RU: дизайн лендинга, мобильный экран. Not for structure (ux-flows) or copy. Refusal "no design" / «без дизайна».
Dialog、Predefined Dialogs、Tooltip など、Syncfusion Angular のポップアップコンポーネント実装に関する包括的なガイドです。Angular アプリでモーダル／モデルレスダイアログ、確認ポップアップ、ダイアログ内フォーム、ドラッグ可能なウィンドウ、ポップオーバー、ツールチップ、オーバーレイコンテンツを構築する際に使用します。カスタム配置、アニメーション、WCAG 2.2 アクセシビリティ、フォーム連携、イベント処理を扱います。
Meta VR と Horizon OS 向けの、快適で直感的な VR/MR 体験の設計をガイドします。快適性のガイドライン、インタラクションパターン、空間レイアウト、アクセシビリティを扱います。UX デザインレビューや、快適性とアクセシビリティの評価時に使用します。ビルド方法：Meta Spatial SDK、Unity、Unreal、ネイティブ OpenXR、WebXR。2D パネルアプリには、利用可能な場合 hz-panel-designer を使用してください。ビルド方法が不明な場合は hz-quest-verify-first を使用してください。
Message、Skeleton、Toast、Badge を含む Syncfusion Angular 通知コンポーネントの実装ガイドです。重大度付きの情報・成功・警告・エラー通知の表示、メッセージのバリエーション（Text、Outlined、Filled）のカスタマイズ、クローズイベントの処理、データ読み込み中の shimmer／pulse アニメーション付きコンテンツスケルトンの表示、8 種類のカラーと形状（circle、pill、notification、dot、overlap）を持つステータスバッジの追加に使用します。Angular アプリケーションでの MessageModule、SkeletonModule、ToastModule、CSS ベースの Badge 実装、アクセシビリティ、RTL、カスタムスタイルを扱います。
WeChat 公式アカウントの人気記事向けカバーを作成する AI デザインツールです。ウェブ全体から毎日収集する 10 万件以上の記事データを基に、同じ分野の人気カバーのビジュアル要素を取得し、AI で高いコンバージョンにつながる視覚的パターンを分析して、記事内容に合い、プラットフォームのトレンドに沿ったカバーデザイン案を生成します。ユーザーが WeChat 公式アカウントのカバーをデザインする場合、カバー案を作成する場合、人気カバーの傾向を調べる場合に使用します。トリガー語：WeChat 公式アカウントのカバー、カバーデザイン、人気カバー、カバー案、カバー画像生成。
見栄えがよく多機能なFeishu V2.0インタラクティブカードを作成します。折りたたみパネル、複数列レイアウト、チャート、カラフルなタグ、ボタングループ、人物カード、ストリーミング更新など20以上のコンポーネントに対応します。7つのシナリオテンプレート（通知／成功レポート／アラート／承認／データダッシュボード／記事要約／AIストリーミング）と配色・レイアウト規則を内蔵しています。「カードを送る」「通知を送る」「アラートを作る」「レポートを送る」「承認を作る」「ダッシュボードを作る」「メッセージを装飾する」「interactiveカード」「v2カード」「チャート付きメッセージ」「ボタン付きメッセージ」「折りたたみパネル付きメッセージ」「Feishuカード」「Lark card」「カードを作成」などの依頼で使用します。ユーザーが「XXにメッセージで伝えて」とだけ言った場合でも、内容に構造（複数の項目／リンク、チャート、ステータス）があれば、プレーンテキストよりこのスキルでカードを作成することを優先します。生成したJSONを/tmp/<name>-card.jsonに書き込み、feishu-cli-msgに渡して--msg-type interactiveで送信します（msgはApp Tokenを使用し、auth loginは不要です）。
モバイルゲームをデスクトップ向けに拡張するための専門的なパターンです。マウス／キーボード操作、解像度とグラフィック品質の向上、拡張した UI レイアウト、設定メニュー、ウィンドウ管理、プラットフォーム固有の機能を扱います。デスクトップ版への移植やクロスプラットフォームリリースに使用します。トリガーキーワード：mouse_controls、keyboard_shortcuts、resolution_scaling、graphics_settings、fullscreen_toggle、window_modes、Steam_integration、desktop_optimization。
ユーザーの妨げにならずに製品機能を教える、製品内ツアー、ツールチップ、コンテキストヘルプを設計します。トリガーロジック、ツアー構成、コンテキストに応じた配置、完了状況の追跡を扱います。ツールチップ過多（ユーザーが見慣れて気づかなくなる視覚的ノイズ）、一度きりの案内（必要なときにヘルプが見えない）、必要時のコンテキストヘルプ（つまずきが起きた時点でヘルプを表示）のパターンを率直に評価します。製品内ツアー、ツールチップ、コンテキストヘルプ、ウォークスルー、機能ツアー、ヒントシステム、アプリ内ガイダンス、ツアープラットフォームで起動します。機能の利用率が低い場合、ユーザーが重要な製品機能を見逃している場合、または製品内ヘルプシステムを初めて企画する場合にも起動します。
モーション、アニメーション、タイミング、イージング、時間経過に伴う構成がテーマの場合に使用。「animate」「motion」「easing」「timing」「keyframe」「transition」「stagger」「loop」「bounce」「overshoot」「follow-through」「anticipation」「12 principles」「motion hierarchy」「composition for motion」で起動。静止画のデザイン、静的なレイアウト、色彩理論、タイポグラフィ単独では起動しない。ツール名が挙がった場合は aftereffects-motion または blender-motion と組み合わせる。まずこのスキルを読み込み、その上に専門スキルを追加する
Obsidian 開発の権威あるリファレンスとルール。TypeScript プラグイン（プラグインのライフサイクル、manifest.json、コマンド、設定、モーダル、ビュー、リボン／ステータスバー）、Vault と Editor API、イベントシステム、Markdown の後処理とコードブロックプロセッサー、CodeMirror 6 エディター拡張、CSS テーマ（CSS 変数、theme.css/manifest）の作成、コミュニティディレクトリへのプラグイン／テーマの提出を扱います。Obsidian プラグインやテーマの作成、デバッグ、レビュー、Obsidian API（Vault/Editor/Workspace/Plugin）の利用、コマンド／ビュー／イベントの登録、Markdown の処理、Obsidian コミュニティへのリリース／提出を求められたときに使用します。
デザイン生成作業を、プロトタイプ、スライド、ドキュメント、メディア素材のいずれか適切なOpen Designワークフローモードに振り分けます。ローカル優先のUIプロトタイプ生成、プレゼンテーション作成、ローカルにインストールされたコーディングエージェントによるデザインシステム対応のHTML／PDF／PPTX素材の作成に使用します。72種類の組み込みデザインシステム、5つのビジュアル方向性、93個のメディア用プロンプトテンプレート、多形式エクスポートに対応します。トリガー：open-design、ローカルデザインツール、プロトタイプ生成、デザインスライド、デザイン素材、デザインエージェントのワークフロー、open design prototype、design system artifact、UIプロトタイプ生成。
Stitch MCP サーバー向け Agent Skills のコレクションです。高精度な UI 画面の生成、1 つのプロンプトからの複数ページ Web サイトの作成、DESIGN.md ドキュメントの作成、曖昧な UI プロンプトの改善、デザインの React/shadcn-ui コンポーネントへの変換、Remotion によるウォークスルー動画の生成ができます。AI 支援による UI デザイン生成、プロンプトの改善、画面からコードへのワークフローが必要な場合に使用します。トリガー：stitch、stitch-design、stitch-loop、enhance-prompt、react-components、remotion、shadcn-ui、screen generation、ui generation。
Syncfusion Angular Splitter でサイズ変更可能なマルチペインレイアウトを作成します。分割ペインのインターフェース、ダッシュボードレイアウト、サイドバー＋コンテンツのパターン、動的なペイン構造の構築を依頼された場合に使用します。水平／垂直分割、折りたたみ可能なペイン、ペインのサイズ変更、ペインの動的な追加／削除、複雑なネストレイアウトにも対応します。ユーザーの操作に応じて柔軟に変化する UI レイアウトの作成に適しています。
あらかじめ構成された美的アーキタイプの初期設定を適用し、色、タイポグラフィ、レイアウト、トーン、画像の方向性を含むブランドデザインをすばやく開始します。ブランドのビジュアルや言語表現の方向性を決める出発点が必要な場合、参考にしたいブランド（例：「Stripe のようなもの」「Linear のようなエディトリアル」）を挙げる場合、多数の方向性から素早く絞り込みたい場合、特定の業界向けの実績ある初期設定が必要な場合に使用します。アーキタイプ、デザインアーキタイプ、ブランドアーキタイプ、ブランドに近い表現、〜風、類似した美的感覚、デザインの出発点、ブランドテンプレート、業界標準などに対応します。ブリーフをもとにゼロから設計するのではなく、既知の美的カテゴリーに当てはめたい場合にも使用します。
`@qfei-design/canvas-table` をアプリまたはページに統合する際に使用します。コンシューマー側のローカルテーブル、仮想テーブル、大規模データの高速スクロールテーブル、グループ化テーブル、公開 props/methods/events、行ヘッドとヘッダーのメニュー、選択、Shift 200 条上限、行の色、ドラッグ、固定列、集計、空状態、非同期行同期、キャンバス操作、セル編集、Make schema フィールド表示を扱います。Make レコードリストのデフォルトの選択可能なレコード操作ワークフローには make-app-actions を使用します。レコードの並べ替えとヘッダーのソートコントローラーには make-app-sort を使用します。Make レコードリストのグループ化動作、Preset、groupFilter、リーフのページネーションは make-app-group に委ねます。Service 側の AbortSignal 伝播は make-app-service に委ねます。対応対象は `@qfei-design/canvas-table` のみで、UI ライブラリのテーブルには対応しません。Make DSL（makedsl を使用）、ページレイアウト（makeui を使用）、テーブルライブラリの保守は対象外です。パッケージの AI ドキュメントを読み、Track A または C を選び、編集には Track B を重ねて使用し、公開 API のみを使用してください。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。