Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
書式設定、画像、テーブル、ハイパーリンク、コードブロックに対応した WYSIWYG テキスト編集を行う、Syncfusion .NET MAUI Rich Text Editor（SfRichTextEditor）を実装します。リッチテキストエディター、ドキュメントエディター、メール作成ツール、ブログ記事エディター、または書式設定機能付きメッセージングアプリの構築に使用します。テキストスタイル、ツールバーの書式設定、IsGrouped オーバーレイメニューによるツールバーのグループ化、テキスト変換（UPPERCASE/lowercase）、ブロックスキーマバインディング（TValue="Schema"）、画像、テーブル、ハイパーリンク、コードブロック、HTML 出力、プレーンテキスト抽出用のパブリック GetText() メソッドを扱います。
SGDS のページ全体やセクションを構築するための再利用可能な UI ブロックです。ページの構築、レイアウトの設計、セクションの作成、複数セクションの組み合わせを行う場合に使用します。アプリのレイアウト、アプリケーションシェル、ページ構造、ヒーローセクション、CTA（行動喚起）、カード、カードグリッド、機能セクション、製品の利点、統計表示、指標、ページヘッダー、ページタイトル、フィルターインターフェース、検索フィルター、データテーブル、フォーム、ランディングページ、ダッシュボード、サイドバーナビゲーションなど、主要なページコンポーネントへの言及で起動します。「ブロック」と呼ばれていなくても対象です。「フィルターが必要」「フォームを作る」「行動喚起を作る」「ランディングページを設計する」「統計を表示する」「サイドバーレイアウト」など、ページ単位の UI に関する依頼にも使用します。これらは完成したページではなく、組み込み可能なセクションやシェル構造です。sgds-templates と組み合わせて完全なページを構築します。
SGDS アプリ向けの、再利用可能なタイポグラフィとテキストパターンの完全なカタログです。テキストのスタイル設定、タイポグラフィ階層の作成、見出しの書式設定、リストのスタイル設定、一貫したテキストレイアウトが必要な場合に使用します。見出し、ページタイトル、本文、リスト、段落、ディスプレイテキスト、コンテンツヘッダー、その他のタイポグラフィ設定に言及した場合も使用します。「見栄えのよい見出しにして」「テキストをスタイリングして」といった依頼も対象です。現在のパターンには、見出し（H1-H6）、ディスプレイタイポグラフィ（大きく目立つテキスト）、コンテンツヘッダー、リスト（順序あり／なし）、段落が含まれます。各パターンから実装用の HTML テンプレートに直接リンクできます。
Markdown を WeChat 対応テーマのスタイル付き HTML に変換します。コードハイライト、数式、Mermaid（ヘッドレス Chrome で PNG にレンダリング）、PlantUML、脚注、アラート、インフォグラフィック、外部リンクの文末引用（任意）に対応します。「markdown to html」「convert md to html」「md 转 html」「微信外链转底部引用」と依頼された場合や、Markdown からスタイル付き HTML を出力する必要がある場合に使用します。
静的なデザイン（Figma のフレーム、ダッシュボード、カードセット、アプリ画面、写真背景上の UI など）を、ピクセル単位で忠実な HTML レプリカに変換します。空の状態から読み込み、各ビジュアル要素にその機能（チャートの読み込み、リストへの項目追加、プロンプトの入力など）を表現させ、シームレスにループさせます。X 用の MP4、ウェブサイト用 GIF、800×500 の GIF を出力します。デザイン、Figma リンク、スクリーンショット、UI カード、ダッシュボード、ヒーロー画像のアニメーション、読み込み／表示アニメーション、ショーケースループ、モーションモックアップ、デザインの動画／GIF を求められた場合に使用します。「これをアニメーションにして」だけの場合も対象です。ランディングページやウェブサイトの、テキストとビジュアルを組み合わせた Bento／機能カード、製品やダッシュボードのモックアップにも使用します。レイヤーの書き出し、動かす要素の選択、イントロの作成、ビジュアルストーリーのループ制作、動画や GIF のエンコードの前には、必ずこのスキルを参照します。
デッキ制作のエンドツーエンドパイプラインです。抽出、事前チェック、構築、監査、批評、仕上げを一度に行います。テンプレートを使ってゼロから完全なデッキを作りたい場合、「create a full deck」「build me a presentation end to end」「make a polished deck from this template」と依頼された場合、または概要とテンプレートの両方が提供され完成済みのプレゼンテーションを期待されている場合に使用します。個別のスキルを手動で組み合わせるより、こちらを優先してください。
完全な書式設定に対応した Markdown コンテンツをレンダリングする Syncfusion .NET MAUI MarkdownViewer（SfMarkdownViewer）を実装します。MAUI アプリで Markdown ファイル、ドキュメント、リリースノート、ヘルプコンテンツを表示する際に使用してください。Markdown のレンダリング、外観のカスタマイズ、CSS スタイル設定、コンテンツソース（文字列/ファイル/URL/リソース）を扱います。
Syncfusion .NET MAUI Scheduler（SfScheduler）を実装します。.NET MAUI でスケジュールアプリ、カレンダービュー、予約管理、イベント計画、リソーススケジューリングを作成する際に使用してください。スケジューラービュー、予約管理、定期イベント、タイムラインビュー、階層型リソース、ICS のインポート/エクスポート、クイック情報テンプレート、フローティングアクションボタン、アダプティブ UI、アジェンダレイアウトモード、月間アジェンダビューを扱います。
Tailwind CSS のデバッグと一般的な問題のトラブルシューティング。次の場合に積極的に有効化：（1）クラスが適用されない／ブラウザーにスタイルが表示されない、（2）JIT モードが動的なクラス名（文字列連結）を認識しない、（3）v3 から v4 への移行エラー、（4）PostCSS の設定問題、（5）VS Code で IntelliSense の自動補完が機能しない、（6）本番ビルドでクラスが欠落する（purge/content 設定）、（7）CSS 変数の競合、（8）@layer の詳細度の問題、（9）他の CSS フレームワークとのプレフィックス競合、（10）HMR でスタイルが更新されない。提供内容：トラブルシューティングの判断ツリー、動的クラスの許可リストパターン、content 設定テンプレート、IntelliSense のセットアップ、PostCSS のデバッグ手順。
UI/UX デザインのリファレンスデータベース。50 以上のスタイル、21 のパレット、50 のフォントペア、20 種のチャート、8 つの技術スタック（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind）を収録。操作：計画、構築、作成、デザイン、実装、レビュー、修正、改善、最適化、強化、リファクタリング、UI/UX コードのチェック。プロジェクト：ウェブサイト、ランディングページ、ダッシュボード、管理パネル、E コマース、SaaS、ポートフォリオ、ブログ、モバイルアプリ、.html、.tsx、.vue、.svelte。要素：ボタン、モーダル、ナビゲーションバー、サイドバー、カード、テーブル、フォーム、チャート。スタイル：グラスモーフィズム、クレイモーフィズム、ミニマリズム、ブルータリズム、ニューモーフィズム、ベントーグリッド、ダークモード、レスポンシブ、スキューモーフィズム、フラットデザイン。トピック：カラーパレット、アクセシビリティ、アニメーション、レイアウト、タイポグラフィ、フォントペアリング、間隔、ホバー、シャドウ、グラデーション。
Tailwind CSS 4 向け DaisyUI 5 コンポーネントライブラリのベストプラクティス、パターン、使用方法です。daisyUI のクラス名を使った UI の構築、daisyUI ベースのレイアウト作成、daisyUI コンポーネントによる HTML のスタイリング、daisyUI 用 React ラッパーコンポーネントの作成など、daisyUI に関わるタスク（.html、.jsx、.tsx、.vue、.svelte ファイル）で使用します。対象には、daisyUI コンポーネント（btn、card、modal、drawer、navbar など）、daisyUI の色名（primary、secondary、base-100 など）、daisyUI 設定（@plugin "daisyui"）、daisy-meta.ts、generate-daisy-safelist、daisyUI をラップする複合コンポーネント、daisyUI／Tailwind CSS 4 を使用するプロジェクトでのあらゆる UI タスクが含まれます。
既存のSalesforce CMSコンテンツをReactまたはAngularのuiBundleアプリでレンダリング、埋め込み、表示します。CMS toolkitをインストールし、型付き参照を登録し、ライブschemaからフレームワークに合ったレンダラーを生成して、レンダリング経路（delivery API、contentKey、RichText、画像解決）を接続します。CMSレンダリング部分には、experience-ui-bundle-frontend-generateなどの一般的なUI-bundleスキル（ページ／レイアウトの外枠のみ）よりもこちらを優先します。src/配下の場合も同様です。「ホームページにCMS記事をレンダリング」「このCMSブログ記事をここに埋め込む」「ヒーローにCMS動画を表示」「バナーにCMS画像を表示」「詳細ページにこのCMSコンテンツブロックを追加」などの依頼で起動します。複合的な依頼ではCMS部分にのみ適用します。CMS項目の検索や、新しいCMSコンテンツタイプ／schemaの定義には使用しないでください（experience-cms-content-type-generateを使用）。
Syncfusion .NET MAUI DateTime Range Slider（SfDateTimeRangeSlider）コントロールを実装します。.NET MAUI アプリで範囲スライダー、日付範囲ピッカー、時間範囲セレクター、両端つまみ付きスライダー、またはインタラクティブな範囲選択コントロールを実装する際に使用します。このスキルでは、インストール、設定、トラックのスタイル、ラベル、目盛り、区切り線、ツールチップ、つまみのカスタマイズ、Liquid Glass Effect を扱います。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。