Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
dir バリアント、ヘブライ語フォントスタック、論理プロパティのユーティリティを使って、ヘブライ語 RTL アプリ向けに Tailwind CSS v4 を構成します。Tailwind の RTL 設定、ヘブライ語 Tailwind の構成、「Tailwind ivrit」（ヘブライ語 Tailwind）、RTL ユーティリティクラス、Tailwind の論理プロパティ、ms-/me- ユーティリティ、Tailwind のヘブライ語フォント設定について尋ねられた場合に使用します。Tailwind v4 の dir バリアント、ヘブライ語フォントスタックのプリセット、論理プロパティのユーティリティ（ml-/mr-/pl-/pr- の代わりに ms-/me-/ps-/pe-）、RTL 優先のコンポーネントパターン、ヘブライ語組版トークンを扱います。一般的な CSS RTL パターンには使用せず（hebrew-rtl-best-practices を使用）、完全なデザインシステムにも使用しないでください（代わりに israeli-ui-design-system を使用）
Bagisto Shop API を使ってストアフロントアプリや UI を構築する際に使用します。顧客向けストアフロント、カタログ、カート、チェックアウト、顧客アカウント、ウィッシュリスト、比較、レビューのほか、Web、モバイル、カスタムを問わず、API を利用するショップのあらゆるページやコンポーネントが対象です。まずクライアントのプラットフォームとスタックを確認し、正確なデータ構造については api-docs を信頼できる情報源として扱います。トリガーフレーズには「products」「cart」「checkout」「coupons」「customer login」「customer account」「wishlist」「storefront on the API」などがあります。
トリガー：UI／レイアウト／画面／コンポーネントのモックアップを `AskUserQuestion` の `preview:` チップに入れる前に、このスキルを呼び出し、ユーザーに「簡易インラインチップと本格的な HTML グリッドのどちらにしますか？」と尋ねる。「シミュレーション」「デモ」「モックアップ」「迅速な意思決定」の場合も例外なし。候補がまだ命名されていない GENERATIVE フェーズでは、明確に異なる 3～6 案を並べた HTML グリッドを生成。候補が命名済み（「X、Y、Z を比較」など）の場合は html-comparison-matrix に引き継ぐ。
App Store／Google Play 向けのマーケティングスクリーンショットを生成、修正、翻訳、管理します。全工程では、.shots ワークスペースの初期化、App Store メタデータの取得、リポジトリと掲載ページに基づく製品調査、テーマ・色・対象ユーザー・競合領域の特定、戦略概要の保存、メリットを訴求する見出しの作成を行い、OpenAI との直接接続または fal.ai 経由で GPT-Image 2 の3枚組画像を生成し、アップロード可能なパネルに切り抜きます。iPhone、iPad、Android Phone に対応します。トリガー：「app store screenshots」「marketing screenshots」「store listing images」「screenshot generation」「app store assets」「google play screenshots」「shots」「.shots」「revise shots」「change screenshots」「fix panels」「redo screenshots」「translate screenshots」「localize」「scrape app store」「fetch metadata」「import app store」。一般的な画像生成、ソーシャルメディア用グラフィック、ストア以外のマーケティング素材には使用しないでください。
アプリページ、ビュー、またはマルチセクションのレイアウトを Figma に変換するタスクでは、figma-use と併せてこのスキルを使用します。トリガー：'write to Figma'、'create in Figma from code'、'push page to Figma'、'take this app/page and build it in Figma'、'create a screen'、'build a landing page in Figma'、'update the Figma screen to match code'、'convert this modal/dialog/drawer/panel to Figma'。ユーザーがコードや説明から Figma 上でフルページ、モーダル、ダイアログ、ド Judaism、サイドバー、パネル、または複合的なマルチセクションのビューを構築・更新したい場合、これは第一選択のワークフロースキルです。Code Connect ファイル、既存のスクリーン、ライブラリ検索からデザインシステムのコンポーネント、変数、スタイルを検出し、それらをインポートして、ハードコードされた値の代わりにデザインシステムのトークンを使い、セクション単位でビューを段階的に組み立てます。
コード生成前に構造化されたヒアリングプロセスを通じてユーザーを導く、AI フロントエンドの専門家兼デザインコンサルタントです。ビジュアルの参考資料、デザイントークン、タイポグラフィ、アイコン、レイアウトの好み、ブランドガイドラインを収集し、最終的な成果物がユーザーのビジョンに忠実に沿うようにします。ウェブサイト、ランディングページ、ダッシュボード、コンポーネント、アプリ、メール、フォーム、モーダルなど、あらゆるフロントエンド UI の構築、デザイン、作成、改善をユーザーが求めた場合に使用します。「UI を作って」「ページをデザインして」「コンポーネントを作って」「このレイアウトを改善して」「見た目を良くして」「フロントエンド」「インターフェース」「再デザイン」といった依頼や、モックアップ、スクリーンショット、デザイン参考資料の提示でも起動します。バックエンドロジック、API 設計、データベーススキーマ、非視覚的なコード作業には使用しないでください。
Hotwire の横断的な UX フィードバックパターン（読み込み状態、ビジーインジケーター、プログレスバー、楽観的 UI、レンダリングのインターセプト、ビュー/ページ遷移）を実装します。単一の機能領域に限らず、体感パフォーマンスとユーザーフィードバックが主な目的の場合にこのスキルを優先してください。フォームの正確性と検証動作には hwc-forms-validation、ナビゲーション/履歴/キャッシュの仕組みには hwc-navigation-content、プッシュ/ストリームのオーケストレーションには hwc-realtime-streaming、メディア固有の動作には hwc-media-content、Stimulus API の基本的な質問には hwc-stimulus-fundamentals を使用してください。
Godot 作業のためのエージェントの目：クロスプラットフォームのスクリーンショット CLI（アセット／領域／ウィンドウ／画面）で容量制限に合わせた WebP を生成。.gdskills/ 配下の一時的なエディタービューポートブリッジ。Taste Receptor Atlas v2（約 237 の微小受容器 × 0–2：階層、コントラスト、タイポグラフィ×41、アフォーダンス、空間、色、アイコン、構図、光／FX、動きの兆候、陳腐さの回避、独創性、アイデンティティ）。エージェントが UI、アセット、エディターを見る必要がある場合に使用します。ゲーム内スクリーンショットの Autoload には使用しません。キーワード：エージェントビジョン、スクリーンショット、WebP、ビジュアル QA、審美受容器、タイポグラフィ、UI レビュー、アセットシート、エディタービューポート、陳腐さの回避
新しいブランドの構築に向けて、実際の参考サイトに基づき、既存のデモとは意図的に異なるクリエイティブブリーフを作成します。brand-archetype-system および creative-direction と連携します。ブランドやマイクロサイトの構築で、既定のハウススタイルに流されず、特定の美的ポジションを確立する必要がある場合、開始時にこのスキルを使用します。クリエイティブブリーフ、デザインブリーフ、構築ブリーフ、ブランドの方向性、このブランドの立ち位置、このサイトの見た目、参考サイト、ブランドアーキタイプ、他のブランドとの差別化、過去の制作物との差異、同じものにしない、といった要望で起動します。過去の制作物が似通っており、体系的な差別化が必要な場合にも起動します。
データ可視化向けに Syncfusion® .NET MAUI Cartesian Chart（SfCartesianChart）を実装します。折れ線、エリア、縦棒、横棒、金融、統計、積み上げなど、20 種類以上のチャートに対応します。カルテシアンチャート、折れ線チャート、エリアチャート、金融チャート（ローソク足、OHLC）の実装時に使用します。チャートの軸、凡例、ツールチップ、トラックボール、ズームとパン、チャート注釈、トレンドラインを扱います。
フロントエンド 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。要素：ボタン、モーダル、ナビバー、サイドバー、カード、テーブル、フォーム、チャート。スタイル：グラスモーフィズム、クレイモーフィズム、ミニマリズム、ブルータリズム、ニューモーフィズム、ベントーグリッド、ダークモード、レスポンシブ、スキューモーフィズム、フラットデザイン。トピック：カラーパレット、アクセシビリティ、アニメーション、レイアウト、タイポグラフィ、フォントの組み合わせ、余白、ホバー、シャドウ、グラデーション。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。