Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
Figma MCP と Webflow MCP(Designer Bridge + Data API)を使って、Figma デザインから Webflow のページ、セクション、コンポーネント、またはサイト全体を構築します。Figma ファイル/フレームを Webflow に変換する、Webflow プロジェクト内で直接構築する、デザインを実際に動作する Webflow 要素/スタイルとして実装する(コピー&ペースト用の断片ではない)場合に使用します。トリガー:「この Figma を Webflow で構築」「Figma から Webflow」「このデザインを Webflow に実装」、figma.com の URL と Webflow サイトの指定、「自分の Webflow プロジェクトでこれを再現」。
ユーザーが提供した写真を、表現力豊かなミニマルなジンポスターに変換します。元画像に由来するオリジナルのイラスト、芸術的な提案、感情的な緊張感、視覚的なメタファー、広い余白、アートディレクションによる高彩度の色彩、制約のない作家性のあるタイポグラフィのみを用います。言葉、言語、情報量、配置、書体の個性、サイズ、方向、可読性、画像との相互作用は、プリセットではなく表現と美的判断に従います。デフォルトでは元画像の向きを保ち、縦位置は 3:5、横位置は 5:3 で出力します。元画像に由来する散在するアクセントを加え、適応型の紙端処理に加えて自然な孤立輪郭のオプションを用意します。正確なトリガー `单色块模式` に対応し、連続した単一の高彩度色面を作り、残りの形状はすべてニュートラルなインクで表現します。最終画像に元の写真素材を埋め込んだり、切り抜いたり、トレースしたり、残したりせず、感情やアイデアを伝える抽象的またはエディトリアルな再解釈作品の制作に使用します。
three.js のテクスチャ:Texture、DataTexture、CubeTexture、CompressedTexture の各種、DepthTexture、VideoTexture、CanvasTexture、3D/配列テクスチャ、Source。サンプリングパラメーター、ミップマップ、異方性、wrap/mag/min フィルター、環境マップの事前フィルタリング用 Extras の PMREMGenerator を扱います。GPU テクスチャオブジェクトと PMREM の設定時に使用します。Draco/KTX2 トランスコーダーのファイルパスには threejs-loaders、マテリアルのマップスロットには threejs-materials、出力カラー パイプラインには threejs-renderers を使用してください。
ARIS の Markdown / JSON 成果物(IDEA_REPORT、AUTO_REVIEW、KILL_ARGUMENT、PAPER_PLAN、research-wiki state など)を、人が読みやすい単一ファイルの HTML ビューにレンダリングします。ユーザーが「渲染 HTML」「出一份 HTML 报告」「render html」「make this readable」「export to html」と言う場合や、Markdown 成果物を整った Web 表示にしたい場合に使用します。
任意のテキスト、URL、情報を雑誌風の HTML 情報カードに変換し、自動でスクリーンショットを撮って画像として保存します。URL(X/Twitter、ウェブ記事など)を直接入力すると、内容を取得して要点を抽出し、カードを生成します。X (Twitter)、WeChat、小紅書などでの共有に適しています。トリガー:「生成信息卡」「做张信息卡」「把这段内容做成卡片」「信息卡片」「make info card」「generate card」「把这个链接做成卡片」。大きな文字、力強いレイアウト、スイス・インターナショナル・スタイルと雑誌の質感が特徴です。生成後に自動でスクリーンショットを撮り、非常に長い内容は自動で分割して画像出力します。「システム/アルゴリズムの仕組み」を説明するインタラクティブなアイソメトリック機構図(anatomy を使用)、データレポートのウェブページ(qiaomu-chart-report を使用)、編集可能なホワイトボードキャンバス(qiaomu-tldraw-skill を使用)には使用しません。
Calendar、DatePicker、DateRangePicker、DateTimePicker、TimePicker など、Syncfusion Blazor のカレンダーコンポーネントの実装に関する包括的なガイドです。Blazor アプリで日付選択インターフェース、日付範囲選択、日付/時刻入力、カレンダー表示、日付制約、書式設定、グローバル化、アクセシブルなカレンダー体験を構築する際に使用します。Syncfusion.Blazor.Calendars パッケージのすべてのカレンダーコンポーネントを扱います。
Button、ButtonGroup、CheckBox、Chip、DropdownMenu、FloatingActionButton、ProgressButton、SpeedDial、SplitButton、ToggleSwitchなどのSyncfusion Blazorボタンコンポーネントを実装します。Blazorアプリケーションでボタン関連コンポーネントを扱う際に使用します。すべてのボタンコンポーネントタイプについて、インストール、設定、スタイル設定、アクセシビリティ、イベント処理、高度な機能を扱います。
SfDiagramComponent を使用して Syncfusion Blazor の図を作成し、問題を解決します。フローチャート、組織図、マインドマップ、BPMN、UML シーケンス図、スイムレーン、シンボルパレット、ノード/コネクター/ポート/注釈、レイアウト、データバインディング、シリアライズ(読み込み/保存)、エクスポート/印刷、共同編集に関する質問で起動します。Blazor + Syncfusion のセットアップ手順、設定パターン、サンプルコードを提供します
Thesys SDK を使って、自然言語から React コンポーネントを生成、変更、スタイリングします。スキーマ駆動の UI 生成、テーマのカスタマイズ、ツール呼び出しの統合、Vite、Next.js、Cloudflare Workers へのデプロイを案内します。ユーザーが「generate UI」「create a component」「build an interface」「Thesys」「generative UI」と言った場合や、説明を React コンポーネントに変換するよう求めた場合に使用します。
履歴書の作成・最適化ツール。2つのモードに対応しています。構造化された対話で情報を収集して一から新しい履歴書を作成するモードと、既存の履歴書を読み込んで改善するモードです。専門的なレイアウトで HTML と PDF の両形式を出力し、厳密に2ページ以内に収めます。中国語と英語の履歴書作成に対応しています。履歴書の作成、執筆、最適化、編集、体裁の調整、テンプレート、デザインに関する依頼で起動します。resume-match から最適化済みの Markdown 履歴書を引き継いで HTML+PDF 版を作成する場合も起動します。「見栄えのよい履歴書を作って」や「履歴書のレイアウトを整えて」のような依頼でも起動します。
モバイルプラットフォーム(Android/iOS)向けの専門的な設計指針。タッチ操作、仮想ジョイスティック、レスポンシブ UI、セーフエリア(ノッチ)、バッテリー最適化、アプリストアのガイドラインを扱います。モバイル向けリリースやタッチ入力の実装時に使用します。キーワード:mobile、Android、iOS、touch、InputEventScreenTouch、virtual joystick、safe area、battery、app store、orientation。
Syncfusion.Blazor.RichTextEditorを使用してSyncfusion Blazor Rich Text Editor(SfRichTextEditor)を実装します。HTML、Markdown、IFrameの各エディターモードに対応します。Blazorアプリでのツールバー設定、画像/動画/音声の挿入、テーブル管理、貼り付け内容の整形、Word/PDFのインポート/エクスポート、アクセシビリティ、多言語対応、RTL、インラインまたはカスタムツールバーのツールに使用します。
Open Design カタログを任意のエージェントセッションに取り込みます。150 件以上のブランド DESIGN.md ファイル、110 件以上のレンダリングテンプレート(スライド、プロトタイプ、ダッシュボード、ポスター、画像/動画/音声)、130 件以上の機能スキル、11 件の制作リファレンスが含まれます。ブランド仕様とテンプレート/スキルを選び、汎用的な制作ルールを重ねて、生成されたワークフローに従います。スライド、プロトタイプ、ランディングページ、ダッシュボード、マーケティング素材の作成や、特定ブランドのビジュアルアイデンティティをプロジェクトに適用する場合に使用します。
Syncfusion Blazor DataFormコンポーネントを実装して、検証やフィールド管理に対応したデータバインド可能な動的フォームを作成します。BlazorでSyncfusionコンポーネントを使ったフォーム構築、フォーム検証、モデルのバインド、編集可能なフィールドの作成、フォームイベントの管理に使用します。フォームレイアウトのカスタマイズ、データバインディング、FormItemsの設定、FormAutoGenerateItemsのセットアップ、テンプレート、イベント、データ注釈による検証を扱います。
一貫性のある再利用可能なフロントエンドコンポーネントを構築するための Paperclip UI デザインシステムガイドです。新しい UI コンポーネントの作成、既存コンポーネントの変更、フロントエンドへのページや機能の追加、UI 要素のスタイリング、デザイン言語や規約の確認に使用します。コンポーネント作成、デザイントークン、タイポグラフィ、ステータス/優先度システム、構成パターン、/design-guide ショーケースページを扱います。常に、ビジュアル品質向上の frontend-design スキルと Web のベストプラクティスを扱う web-design-guidelines スキルと併用してください。
詩的な紙テクスチャのミニマル zine ポスターを生成または分析します。大きな余白、小さな編集的コラージュまたはフォーカル要素、実験的タイポグラフィ、そして一处で明快なアクセントカラーを/features。テーマ、文、記事、気分、オブジェクト、写真、内容ブリーフ、参考画像、画像フォルダが与えられ、最終ポスター画像 overlooksiene。本番対応の画像プロンプト、再利用可能なスタイルルール、または 하나의 visual family に収まる多様なレイアウトが求められる場合に使用します。
プロジェクトのスケジュール管理向けに Syncfusion Blazor Gantt を実装します。SfGantt、GanttTaskFields、GanttColumns、GanttEditSettings、タスクバー編集、依存関係、リソース、タイムライン、クリティカルパス、ベースライン、Excel/PDF エクスポートを扱います。Blazor ガントチャート、タスクスケジュール、WBS、Syncfusion.Blazor.Gantt の連携に適用できます。
ユーザーフィードバックや読み込み状態の表示に使う Syncfusion Blazor 通知コンポーネント(Toast、Message、Skeleton)を実装します。トースト通知、ポップアップメッセージ、アラートボックス、成功・エラー・警告・情報メッセージ、ローディングスケルトン、シマー効果、コンテンツプレースホルダー、その他のフィードバック UI が必要な場合は必ず使用してください。通知、トースト、アラート、メッセージ、読み込み状態、スケルトン画面、シマー読み込み、ユーザーフィードバック、ステータスメッセージ、SfToast、SfMessage、SfSkeleton、通知ポップアップ、一時メッセージ、フォーム検証フィードバック、読み込みプレースホルダーについて言及されたら、直ちに起動します。
展開可能なノードとネストされた行構造を備えた階層データまたは自己参照データ向けに、Syncfusion Blazor TreeGrid(SfTreeGrid)を実装します。Blazor Server、WebAssembly、Web App、MAUIアプリケーションでツリービューワークフローを構築する際に使用します。GraphQLバインディング、テンプレート、ソート、フィルタリング、編集、ページング、集計、検索、エクスポート、仮想化、クリップボード操作、状態管理に対応し、豊かな階層データ体験を実現します。
ユーザーがあらゆるマーケティングページ(ホームページ、ランディングページ、料金ページ、機能ページ、ブログ記事など)のコンバージョンを最適化・改善・向上させたいときに使用します。ユーザーが「CRO」「コンバージョン率の最適化」「このページはコンバージョンしていない」「コンバージョンを改善して」「なぜこのページが機能しないのか」と言及した場合にも使用します。サインアップ/登録フローについては signup-flow-cro を、サインアップ後のアクティベーションについては onboarding-cro を、登録以外のフォームについては form-cro を、ポップアップ/モーダルについては popup-cro を参照してください。
階層データ選択用の Syncfusion Blazor Dropdown Tree コンポーネントを実装します。単一/複数選択、チェックボックス、フィルタリング、高度なカスタマイズに対応します。ユーザーがドロップダウンにツリー構造データを表示する、階層項目を単一または複数選択する、複数項目選択用のチェックボックスを実装する、ツリーデータをフィルタリングする、テンプレートをカスタマイズする、リモートデータソースにバインドする、またはツリー関連のイベントや検証を処理する必要がある場合に使用します。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。
