Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,501 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
プロンプト、論文、リポジトリ、スクリーンショット、既存の図から、diagrams.net/draw.io（.drawio XML）で編集可能な研究・技術図を作成、編集、再現し、反復的に改善します。科学図、論文の手法図、ML／システムアーキテクチャ図、draw.io ファイル、参考図の再現、ブラウザーのスクリーンショットを使ったフィードバックループ、Windows 対応の draw.io プレビュー、テキストの重なり・矢印・色・アイコン・フォント・コンポーネントの配置調整を求められた場合に使用します。
Image 2.5 モデルのみを使ってスタイル主導のスライド画像を作成し、画像のみの PPTX デッキにまとめ、ドキュメントや視覚的な参照から再利用可能なビジュアルスタイルライブラリを管理します。ユーザーが「PPT Skill」、「风格驱动 PPT」、「提炼风格做 PPT」、「调用某个风格做 PPT」、「图片版 PPT」、「保存 PPT 风格」、「列出 PPT 风格」、「文档生成 PPT」、「文章生成 PPT」、「把文档做成演示文稿」と依頼する場合、またはビジュアルスライド／画像デッキ作成のためにビジュアルスタイルのキーワードを抽出、保存、再利用、適用したい場合に使用します。
Figma の変数を、DTCG、CSS カスタムプロパティ、Tailwind v4/v3、SCSS、TypeScript、JSON、Style Dictionary、Tokens Studio 形式のデザイントークンファイルにエクスポートします。デザイントークンを Figma からコードに取り出したい場合に使用します。トリガー例：「トークンをエクスポート」「Figma の変数をエクスポート」「Figma から CSS 変数を生成」「Figma の変数を tokens.json / Tailwind 設定 / SCSS に変換」「デザイントークンをコードに同期」。すべての Figma プランで動作します（Enterprise 専用の Variables REST API ではなく、Plugin API 経由で読み取ります）。逆方向（コード → Figma）には figma-import-tokens を使用します。
Motion（旧称 Framer Motion）を使用した、React および Next.js 向けの本番品質のアニメーションパターンです。React または Next.js のプロジェクトで、コンポーネントのアニメーション化、トランジションの追加、スクロール連動エフェクトの作成、ページトランジション、レイアウトアニメーション、ジェスチャー操作など、あらゆるモーション／アニメーションをユーザーが求めた場合に使用します。コードが 'framer-motion'、'motion/react'、'motion/react-client' をインポートする場合や、ユーザーが animation、transition、fade-in、slide、parallax、scroll animation、exit animation、AnimatePresence、motion.div、spring、gesture、drag、hover animation、stagger、whileInView、layout animation に言及した場合も対象です。
ユーザーが「PowerPoint を作成」「PPTX スライドを生成」「PowerPoint プレゼンテーションを作成」「.pptx デッキを構築」「編集可能なスライドを作成」「PptxGenJS」「編集可能なプレゼンテーション」「企業向けデッキ」「共有用スライドデッキ」と依頼した場合、またはプレゼンテーションの出力形式が PPTX の場合に使用します。「PowerPoint にエクスポート」「PPTX のピッチデッキ」「オフラインプレゼンテーション」や、編集可能／企業向け形式が文脈から示される場合も対象です。PptxGenJS を使用して OOXML 準拠の .pptx ファイルを生成し、正確なレイアウト、テキスト計測、重なり検証を行います。
Amazon 準拠のメイン商品画像と 7 種類のサブ画像（インフォグラフィック／多角度／ディテールショット／ライフスタイル／バリエーション／同梱内容／サイズ参照）を設計します — プラットフォーム必須のメイン画像ルール、商品カテゴリーごとにコンバージョン率を高めるサブ画像タイプ、メイン画像 URL を基準とした複数画像の一貫性を含みます。ユーザーが "Amazon main image"、"亚马逊主图"、"product main image"、"white background product image"、"Amazon listing image"、"亚马逊副图"、"secondary images"、"product carousel images" と言ったとき、または Amazon 詳細ページのカルーセルに掲載する 1:1 商品画像一式を求められたときに使用します。A+ Content／詳細ページモジュール（21:9 ヒーローバナーと 3:2 モジュールレイアウト）については `product-shots-detail-page` スキルを参照してください。
shadcn のコンポーネントとプロジェクトを管理し、追加、検索、修正、デバッグ、スタイリング、UI の組み立て（チャットインターフェースを含む）を行います。プロジェクトのコンテキスト、コンポーネントのドキュメント、使用例を提供します。shadcn/ui、コンポーネントレジストリ、プリセット、--preset コード、または components.json ファイルを含むプロジェクトで使用します。また、「shadcn init」「create an app with --preset」「switch to --preset」の実行、デザインシステムの構築、DESIGN.md やブランド仕様の shadcn/ui への適用時にも使用します。
Markdown のレポート、調査ノート、業界分析、戦略メモ、技術白書、振り返り、週報などの長文書を、編集上の判断、Web デザイン、根拠の構成を備えた自己完結型の HTML 特集ページとして再構成・制作します。「HTML に変換」「レポートを Web ページ化」「レポートを見やすく」「特集ページを作成」「共有しやすく」「読みやすさ／デザイン性を向上」「レポートを Web ページに」などの依頼に使用します。HTML を書く前に必ず plan.md を作成し、原文の事実の主張と結論の強さを保ち、テンプレートを当てはめず、Markdown を機械的に変換しないでください。
ドロップダウンのカレンダー／時計で日時を選択できる Syncfusion WPF DateTimeEdit（DateTimePicker）コントロールを実装します。WPF アプリケーションに日時ピッカー、マスク付き日時入力、または日時選択コントロールを追加する場合に使用します。DateTime バインディング、マスク／自由形式編集、パターン書式、CultureInfo のローカライズ、ドロップダウンビュー、日付範囲制限、選択不可の日付、null 値の処理、ウォーターマーク、SfSkinManager によるテーマ設定を扱います。
Windows Presentation Foundation アプリケーションでデータを可視化する Syncfusion WPF Radial Gauge（SfCircularGauge）コンポーネントの実装ガイドです。円形ゲージ、スピードメーター、KPI 表示、進捗メーターを扱う際に使用します。針やポインターを使ったゲージ設定、目盛りのカスタマイズ、範囲とゾーン、ポインターのドラッグ操作、アニメーション、ダッシュボードの豊かな可視化を実現する注釈を扱います。
スライド、フェード、ズーム、ぼかしのトランジションでコンテンツをアニメーション切り替えする Syncfusion WPF TabNavigationControl を実装します。トランジション効果付きのタブナビゲーション、広告ローテーター形式のコンテンツ表示、または WPF でのアニメーション付き項目切り替えに使用します。7 種類すべての TransitionEffect 値、ItemsSource データバインディング、外観のカスタマイズ（HeaderVisibility、NavigationButtonVisibility、TabStripVisibility）を扱います。
Windows Explorer 形式のグループ化されたタスクパネルと、折りたたみ可能な TaskBarItem セクションを備えた Syncfusion WPF TaskBar を実装します。WPF でグループ化された折りたたみパネル、Windows XP 形式のサイドバー、または展開可能な操作パネルセクションを構築する際に使用します。TaskBarItem、GroupMargin、GroupPadding、GroupWidth、GroupOrientation、IsOpened、ButtonSize、アニメーション速度の設定を扱います。
参照画像や既存の .vsdx ファイルから編集可能な Microsoft Visio 図を再構築またはスタイル変更し、成果物を .vsdx、PNG、SVG、PDF、PPTX としてエクスポートします。Codex に Visio を開かせる依頼、PNG/JPG/スクリーンショット/参照画像からの図の再作成、科学モデル図への一致、.vsdx の色・タイポグラフィ・レイアウトの更新、サブモジュールのずれや重なりを防ぐパネル座標の調整、または参照画像を平坦な画像として埋め込まず Visio の編集可能なネイティブ図形を維持した出版物・プレゼンテーション用の出力作成に使用します。
SVGグラフィック、流れるアニメーション効果、組み込みのダーク／ライトテーマ切り替え、PNG / JPEG / WebP / SVG / GIF / WebMへのワンクリック書き出し機能を備えた、独立したアニメーションHTMLファイルとして、プロ品質のアーキテクチャ図、ワークフロー図、シーケンス図、データフロー図、ライフサイクル／状態図を作成します。自然言語の説明または貼り付けたMermaidコードを受け取り、図を一からレイアウトします。システムアーキテクチャ図、インフラ図、クラウドアーキテクチャの可視化、セキュリティ図、ネットワークトポロジー、技術ワークフロー、承認フロー、ランブック、CI/CDフロー、プロセス図、API呼び出しシーケンス、リクエストのライフサイクル、データパイプライン、ETL/ELTマップ、PIIの境界、データリネージ、ステートマシン、ライフサイクル図、ステータス遷移の作成、またはMermaid図の変換／整形を求められた場合に使用します。
Layer でゲーム UI を制作する際に使用します。ボタン、パネル、フレーム、ダイアログ、タブ、ツールチップ、HUD 要素、アビリティやインベントリーのアイコン、通貨記号、カードやバッジのプレートに対応します。ボタンを角を歪ませず任意の幅に伸縮する場合、UI キットを Unity、Godot、CSS にインポートする場合、アイコンセットを 64px で判読でき、承認済みアイコンに合わせる場合にも使用します。キーワード：ゲーム UI、9-slice、nine-slice、UI キット、ボタン、パネル、フレーム、HUD、アイコンセット、NinePatch、border-image
Web ページと UI のためのグリッドシステム、視覚的階層、余白、モダンな CSS レイアウトパターン（grid、flexbox、bento、container queries）。ページや画面にコンテンツを配置するときに使用。間隔や角丸のトークン自体には design-system を、スライドのレイアウトには presentation-design を使用する。トリガーフレーズ：「layout」「grid」「bento grid」「visual hierarchy」「page layout」「flexbox layout」「whitespace」「responsive layout」「composition」「css grid」「container queries」。
ユーザープロフィールのアバターやイニシャルを表示する Syncfusion WPF SfAvatarView を実装します。WPF でアバターコントロール、ユーザープロフィール表示、グループアバター、バッジ連携を扱う場合に使用します。すべてのコンテンツタイプ（Default、Initials、CustomImage、AvatarCharacter、Group、ContentTemplate）、ビジュアルスタイル（Circle、Square、カスタム形状／サイズ）、外観のカスタマイズ、SfBadge 連携を網羅します。
アニメーション付きタイル UI に Syncfusion WPF Tile Controls（SfHubTile と SfPulsingTile）を実装します。WPF で Windows スタイルのライブタイル、タイル遷移、タイルアニメーション、またはグループ化されたタイルレイアウトを構築する際に使用します。Slide/Fade 遷移、脈動／ズームするコンテンツ、タイルのグループ化、アニメーションの一時停止／再開、デスクトップスタイルのライブタイル体験を解説します。
水平または垂直の線形進捗インジケーターに、Syncfusion WPF SfLinearProgressBar を実装します。WPF で確定型の進捗表示、不確定型のローディングバー、バッファー／二次進捗、または分割型のプログレスバーを作成する際に使用します。Syncfusion.SfProgressBar.WPF を使用した RangeColors、グラデーション進捗、IndicatorPadding、IndicatorCornerRadius、IsIndeterminate の設定を解説します。
OLAP データソースの主要業績評価指標（KPI）を表示する Syncfusion WPF OLAP Gauge コントロールの実装ガイドです。OLAP KPI の可視化、ビジネスインテリジェンスダッシュボード、または WPF での XML/A データバインディングを扱う際に使用します。OLAP キューブ、SQL Server Analysis Services、Mondrian サーバーへの接続と、経営層向けダッシュボードや BI アプリケーション用の KPI 表示設定を解説します。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。