Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
無骨なメカニカルインターフェースと戦術テレメトリー。視覚的に重要なウェブ制作では、まずデザイン画像を自ら生成して深く分析し、その後、可能な限り忠実にウェブサイトを実装する必要があります。Codex では、小さく圧縮された画像ボードではなく、大きく読みやすいセクション別画像を優先します。セクションや詳細ビューには古い画像の切り抜きではなく、新たに独立した画像を生成します。生成を怠って不十分な画像数にすることを避け、カードを何重にも入れ子にした UI を避け、ヒーロー領域はすっきりと広々として読みやすく、小型ノート PC でも見えるようにします。
デフォルトのポスターパイプライン。学術会議のポスター（ICML/NeurIPS/ICLR/CVPR/...）を、計測に基づく必須条件、論文の実際の図、2 色のデザイントークンシステムを備えた単一の HTML/CSS ファイルとして作成し、ヘッドレス Chromium で印刷用 PDF を生成します。ユーザーが「做海报」、「poster」、「conference poster」、「paper poster」と言った場合や、研究ポスターのデザイン・作り直しを依頼した場合に使用します。廃止された LaTeX /paper-poster に代わるものです。
1 つのプロジェクトファイルの実際のデザイン案をユーザー自身の localhost に表示します。小さなカードに案を並べ、矢印キーで切り替えられるようにし、その後も評価を待ちます。デザインのバリエーション、代替案、選択肢が必要な場合、異なるヒーロー、レイアウト、配色、セクション、ページを試したい場合、新しいものをデザインして複数案を比較したい場合、カードをクリックした場合（「変更」「もっと」「完了」の依頼がキューに入ります）、または variate セッションを続行、終了したい場合に使用します。空のフォルダーではページを配信して 4 つの新しいデザイン案を作成し、実際のプロジェクトでは 1 つのファイルをその場で変更します。あらゆる技術スタックに対応します。正解が 1 つの変更、リファクタリング、非視覚的な編集には使用せず、その場合はファイルを直接編集してください。
フロントエンドのビジュアル再現スキル。Playwright MCP または agent-browser を使って対象サイトの公開ページを調査し、スクリーンショットとレイアウト情報を取得したうえで、元のビジュアルとページ構造を近似する静的またはクライアントサイドのフロントエンド複製を生成します。このスキルが再現するのはフロントエンドの表示のみです。バックエンドロジック、サーバーサイドの動作、データベース、非公開コンテンツは再現しません。ウェブサイトを複製する前に、適切な権限（所有権、ライセンス、または明示的な許可）があることを確認する責任はユーザーにあります。権限確認：開始前に、エージェントは対象サイトを複製する法的権利があることを必ずユーザーに確認しなければなりません。確認できない場合、スキルは必ず処理を拒否します。
手描きのインク風カートゥーンキャラクターや擬人化した物体を SVG カード（480x360）として描き、それぞれがコーディングやデザインのアイデアを演じます。太い黒の筆ペンの輪郭が膨らみ細くなり、別々のストロークに分かれ、線を越えてはみ出すゆるいマーカーと水彩の塗り、ベタの影の代わりに対角のハッチング、2 つのハイライト点を持つ大きなぐりぐりした目、そしてはみ出した墨の毛やしぶきが特徴で、トマトレッド、リーフグリーン、サンフラワーイエロー、スカイブルー、ティールを白地に使用します。パレット、筆の番号、マスコットの構成（目、頬、口、3 本指の手）、小道具、地面のパッチ、テスト済みでシード付きのブラシキットを扱います。ink sketch、hand-drawn、brush pen、sketchy、doodle、marker、watercolour-cartoon のイラスト、ぐりぐりした目のマスコットやキャラクター、遊び心のある空状態、オンボーディング、404 またはエラーページ、ローディング状態、ブログヘッダー、機能スポット、マーケティングカードを求められたときに使用します。
プレミアム、アプリネイティブなスクリーンコンセプトとフローを作成するための精選モバイルアプリ画像生成スキル。iOS、Android、およびクロスプラットフォームモバイル製品向けに設計されています。きれいな階層構造、読みやすいテキスト、強力なマルチスクリーン一貫性、制御されたカラーパレット、非ジェネリックなクリエイティブな方向性、テクスチャ表面、画像主導の構図、上品なカスタムアイコン、きれいな電話モックアップフレーミングを優先します。デフォルトでは、スクリーンは微妙なプレミアム iPhone または同様の電話モックアップ内に表示され、目に見えるフレームがあります。一方、メインのフォーカスはアプリコンテンツ自体に留まります。このスキルは画像のみを生成します。コードは記述しません。
RichTextEditorModule、HtmlEditorService、MarkdownEditorService を使用して、@syncfusion/ej2-angular-richtexteditor の Syncfusion Angular Rich Text Editor（ejs-richtexteditor）を実装します。Angular アプリでのツールバー設定、画像・動画・音声の挿入、貼り付け内容の整形、AI アシスタント連携、絵文字ピッカー、スラッシュメニュー、メンション、Word/PDF のインポート・エクスポート、フォーム検証、ソースコード表示に使用します。
レシピから自前で統合を書くのではなく、出荷済みで検証された @wix/sdk コードを接続して Wix Headless サイトを素早く構築する。各 Wix ビジネスバーティカルは、型付きでフレームワーク非依存の React コア（プレーンな DTO を返すデータ層、hooks、ヘッドレスコンポーネント）に加え、Astro オーバーレイ（オーナーが編集可能な SEO をあらかじめ組み込んだ SSR ページ）とビルド時の REST シードスクリプトを提供する。エージェントは Wix CLI でスキャフォールドし、出荷済みコードをデプロイし、バックエンドにシードを投入し、出荷済み hooks 上でプレゼンテーション層（商品カード/グリッド、PDP、ホーム、テーマ）を自ら設計し、Wix ホスティングにリリースする。Wix 管理の Astro（アンビエント認証、デフォルト）で動作し、公開 OAuth client id を介して任意の React ベースプロジェクト（Vite、Astro 以外）でも動作する。バーティカル：stores/storefront（商品、カテゴリ、バリエーション、カート、ホステッド決済）、bookings（サービス、予約/クラスの時間枠、スタッフ、予約フォーム、決済または仮押さえ）、rentals（時間単位または日単位の部屋、車両、装備：リソース、顧客が選ぶ期間、価格見積もり、決済）、blog（投稿、カテゴリ/タグ、リッチコンテンツ）、cms（構造化コンテンツコレクション）、forms（スキーマ駆動の訪問者フォーム：レンダリング、検証、送信）、events（一覧、RSVP、チケット販売）、members（ログイン、制限ページ、アカウント）、portfolio（プロジェクトコレクション、メディアギャラリー）、pricing-plans（プラングリッド、ホステッド購入）、restaurants（メニュー、オンライン注文、テーブル予約）、faq（カテゴリ別の質問と回答、検索、質問ごとのリンク）、donations（キャンペーンページ、目標進捗、ホステッド決済による単発および継続寄付）。トリガー：店舗/ブログ/予約/レンタル/イベント/レストラン/ポートフォリオ/FAQ/寄付サイトを素早く作って、予約を素早く受け付けたい、部屋/車/機材をヘッドレスで貸し出したい、チケットや会員プランをヘッドレスで販売したい、寄付をヘッドレスで集めたい、wix headless kit、既製の SDK コードで Wix ビジネスアプリを接続する。
デザインとコーディングのシーン向けに、ハーフトーンライン調の手描き SVG スポットイラストを描画します。識別的な特徴は、わずかな手ぶれのある自信に満ちた黒い線と開いたままの輪郭、図形にクリップされた細かいハーフトーンドットだけで作られたグレーの階調、少数のベタ黒の塊（髪、葉、バッグ、黒い T シャツ）、温かみのあるオフホワイトの紙、そして色をまったく使わないことです。2 インクのパレット、線の太さ、開いた輪郭と点描の技法、トーンタグをドット塗りに変換するシード付きコンパイラ、やわらかく手足の長いキャラクターと表情豊かな手、落書き、床の水たまり、レンダリングと批評のループを扱います。ハーフトーン、点描、ドット、リソグラフ風、新聞印刷風、白黒、モノクロライン、エディトリアルライン、zine 風のイラスト、またはその見た目の空状態、オンボーディング、404 ページ、ブログヘッダー、機能紹介、マーケティングカードを求められたときに使用します。
コンポーネントライブラリ、デザイントークン、命名規則、貢献モデル、ドキュメントを含むデザインシステムを構築または監査します。ユーザーがデザインシステムの構築、既存システムの監査、システムレベルのデザイントークンの定義、コンポーネントライブラリの構成、デザインシステムのガバナンス設定を希望する場合に使用します。デザインシステム、コンポーネントライブラリ、デザイントークン、アトミックデザイン、アトム、モレキュール、オーガニズム、デザインシステムのドキュメント、Storybook、Figma ライブラリ、システムガバナンス、デザインの貢献モデルなどで起動します。製品ごとにチームの一貫性がなく、システムによる解決が適切な場合にも起動します
デスクトップゲームをモバイルに移植するための専門的なパターンを紹介します。タッチ操作方式（仮想ジョイスティック、ジェスチャー検出）、小型画面向けのUIスケーリング、モバイルGPUのパフォーマンス最適化、バッテリー管理、プラットフォーム固有の機能を扱います。モバイルへの移植やクロスプラットフォームのモバイルビルドを作成する際に使用します。トリガーキーワード：TouchScreenButton、virtual_joystick、gesture_detector、InputEventScreenTouch、InputEventScreenDrag、mobile_optimization、battery_saving、adaptive_performance、MOBILE_ENABLED
ランディングページの作成、コピーライティング、デザイン、最適化、コンバージョン率改善に使用します。ヒーローセクション、ファーストビューのコンテンツ、価値提案、CTA、ランディングページのテンプレート、高コンバージョンのページ構成を扱います。セールスページ、リード獲得ページ、製品ページ、マーケティングサイトのページに適用できます。ランディングページのコピー、デザイン、最適化、CTA作成、コンバージョン率最適化、ヒーローセクションのコンテンツ、価値提案、ページビルダーやランディングページテンプレート関連のタスクに使用します。
Gravity UI デザインシステム（uikit、charts、table、navigation、date-components、icons などの @gravity-ui/* パッケージからなる React エコシステム）で UI を構築・修正・スタイリング・構成します。類似パッケージがある場合は適切なパッケージを選び、テーマ設定と必要なセットアップを適用し、存在しないコンポーネント API を作り出さないようにします。@gravity-ui のインポート、uikit、ThemeProvider、--g- CSS トークンを扱う場合、または gravity-ui、гравити、дизайн-система、компоненты、дашборд、таблица、график、форма に言及するプロンプト（英語またはロシア語）に適用されます。
Syncfusion Angular AI AssistView コンポーネントを実装します。対話型 AI インターフェースの作成、AI サービスの統合、チャット形式の UI の追加、インテリジェントなアシスタントアプリの作成に使用します。セットアップ、設定、イベント処理、AI 統合（OpenAI、Gemini、Ollama）、音声機能、思考連鎖推論、生成 UI ツールのサポート、カスタマイズを含みます。AI AssistView コンポーネントの実装全般に使用します。
トリガー：UI／画面／コンポーネント／アニメーションの比較を`AskUserQuestion`の`preview:`チップに入れる前に、このスキルを呼び出し、「簡易インラインチップと実際のHTMLプロトタイプのどちらにしますか？」と尋ねます。「シミュレーション」「デモ」「モックアップ」の場合も例外ではありません。React、Swift、SwiftUI、Androidが本番の対象であっても、ビジュアルデザイン、コンポーネントのプレイグラウンド、アニメーションの調整、デザインシステムの検討に使える実際のHTMLプロトタイプを作成します。N個の案にはhtml-brainstorm-gridを、調整可能なコンポーネントが1つの場合はこのスキルを使用します。
セマンティックモデル、データセット、PBIP プロジェクトを基に、新しい Power BI レポートやダッシュボードの要件定義から実装までをガイドするワークフローを構築します。ユーザーが（1）レポートを計画してから実装する、（2）対象者、範囲、ページ計画、デザイン方針、依存関係、納品目標を定義する、（3）承認後に仕様を確定してから PBIR を作成する場合に使用します。既存レポートファイルを直接編集する場合は `powerbi-report-authoring` を使用してください。デザインのみの批評や再設計には `powerbi-report-design` を使用してください。トリガー：「ダッシュボードを作って」「新しいレポートを作成」「計画してから実装」「Power BI レポートを定義して構築」「レポート作成を案内して」。
SwiftUI、UIKit、AppKitのコードにプラットフォームのアクセシビリティに関するベストプラクティスを適用します。SwiftUI、UIKit、AppKitのスキルと必ず併用してください。アクセシビリティについてユーザーが言及していなくても、SwiftUIのビュー、UIKitのビューコントローラー、AppKitのビュー／ウィンドウコントローラー、またはプラットフォームUIの作成、編集、レビュー時には常に使用します。VoiceOver、Voice Control、Dynamic Type、Reduce Motion、スクリーンリーダー、a11y、WCAG、アクセシビリティ監査、Nutrition Labels、accessibilityLabel、UIAccessibility、NSAccessibility、支援技術、Switch Controlに言及した場合も使用します。サーバーサイドSwift、非UIパッケージ、CLIツールには使用しません。
共有フロントエンドプリミティブ、スロット、制御状態の所有権、代替ルート要素との合成、ドキュメント／検証パケットに対応する、ルーティング優先の再利用可能なコンポーネントアーキテクチャです。共有プリミティブにすべきもの、コンポーネント API でバリアントやサブコンポーネントをどう公開するか、親の状態でコンポーネントを制御するタイミング、ボタン／リンク／ダイアログを別の要素型に合成する方法、必要な Storybook／サンプルの網羅範囲を判断する場合に使用します。デザイントークンや製品横断のガバナンスは `design-system`、アクセシビリティ中心の修正は `web-accessibility`、レイアウト適応は `responsive-design`、アプリレベルの状態所有権は `state-management`、React のパフォーマンス作業は `react-best-practices` に振り分けます。
粒状のグアッシュ、リソグラフ風のスタイルで、手描きの SVG カード（480x360）としてオリジナルの居心地のよい動物のシーンを描きます。特徴は、ホットピンクのカード上に輪郭線のないフラットな図形、すべての丸みのあるフォルムに柔らかな 3～4 段のグラデーション陰影（端と底に向かって暗くなる）、各図形の端に集まる細かい暗い乗算の粒子、群れの下にたまるチョーク質の紫ピンクの影、クリーム色の星形ハイライトが入った大きく光沢のある目で、粒状の秋の葉とまばらなクリーム色のきらめきに縁取られています。デザインとコーディングの場面を、ノート PC、モニター、机、窓、マグカップ、本の山のそばにいる 1 匹の可愛い動物で描きます。粒状、グアッシュ、riso、リソグラフ、テクスチャ、居心地よい、コージー、秋、ヒュッゲ、絵本や児童書風の動物アートを求められたとき、または温かみのある手作り感のある空の状態、オンボーディング手順、404 ページ、ブログヘッダー、機能スポット、マーケティングカードに使用します。
One-line スタイルのオリジナル手書き SVG スポットイラストを描きます。デザインやコーディング作業をする楽しげなアクションフィギュアです。1 本の連続した均一な黒い線（幅 480 で 2.3 px）がループして折り返し、人物全体を描きます。平らなコーラル、ペリウィンクル、白のパッチが線の背後にあり、ぐらつきながら意図的に 2–6 px ずれて、印刷ずれの riso のようになります。上半身にはコーラルのストライプラインがあり、地面はなく、波線、カール、または数本のスピード線だけが、暖かいベージュの紙の上にあります。パレット、ルート構築ツールキット（チューブ状の手足、手と靴のループ、ぐらつくパッチ、マスク）、ポーズ、構図、レンダリング批評ループを扱います。one-line、single-line、continuous-line、misregistered、riso-style、または遊び心のある落書きイラストを求められたときに、空状態、オンボーディング、404 ページ、ブログヘッダー、機能スポット、ローンチ告知、マーケティングカードに使用します。
Syncfusion Angular Gantt Chart コンポーネント（ejs-gantt、GanttModule）を実装、設定します。ガントチャート機能、タスクスケジューリング、依存関係、リソース管理を備えた Angular アプリケーションの構築に使用します。コンポーネントのセットアップ、タスクの依存関係、タスクバーの編集、クリティカルパス分析、リソース割り当て、タイムライン設定、フィルタリング、並べ替え、エクスポート、元に戻す／やり直し、状態の永続化、ローカライズを扱います
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。