Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
ホーム画面、ロック画面、StandBy、Apple Watch のウィジェット向け SwiftUI WidgetKit コードを作成・レビューします。タイムラインプロバイダーと再読み込みポリシー、StaticConfiguration / AppIntentConfiguration、ユーザー設定可能なウィジェット、ウィジェットファミリーとサイズ、アクセント／色調レンダリングモード、インタラクティブウィジェットとコントロール（コントロールセンター）、ライブアクティビティと Dynamic Island、スマートスタックの関連性、プッシュ更新ウィジェット、visionOS / CarPlay / macOS の画面に対応します。ウィジェット拡張、タイムラインプロバイダー、ロック画面やアクセサリーウィジェット、Apple Watch のコンプリケーション、インタラクティブなボタン／トグルウィジェット、コントロールセンターのコントロール、ライブアクティビティの作成、または更新されない／色調モードで正しく表示されないウィジェットの修正に使用します。
既存の UI からプロジェクトのデザインシステムを導き出し、コードの変更に合わせて整合性を維持します。リポジトリのルートに仕様準拠の DESIGN.md を作成し、公式 linter で検証します。ユーザーが「DESIGN.md を書いて」「デザインシステムを文書化して」「デザイントークンを抽出して」「デザインシステムが古くなっている」「デザイントークンを監査して」「このプロジェクトで実際に使われている色は」「DESIGN.md を Tailwind テーマと同期して」または「/designkit」と言った場合に使用します。
@govtechsg/sgds-web-component で UI を構築するとき、またはユーザーが SGDS や Singapore Design System に言及したときは、明示的に支援を求めていなくても、必ずこのスキルを使用してください。これはすべての SGDS 開発における必須の入り口であり、セットアップ、コンポーネント、ユーティリティ、フォーム、テーマ設定、ページレイアウト、ブロックテンプレート、データ可視化に適したスキルを案内します。SGDS アプリのコードを書く前に読んでください。
リード獲得や質の高いトラフィックの創出に役立ちながら、実際の意思決定支援価値を提供するインタラクティブな計算ツール（ROI 計算ツール、価格見積もり、貯蓄予測、住宅ローン計算ツール、カスタム評価ツール）を設計します。実質的な価値のない見せかけの計算ツール、メールアドレスを入力しないと答えが見られないリード獲得の罠、結果を提示し段階的な価値を通じてメールアドレスを獲得する透明な意思決定ツールの各パターンを率直に扱います。計算ツール、ROI 計算ツール、価格見積もり、貯蓄計算ツール、カスタム計算ツール、インタラクティブツール、意思決定ツール、金融計算ツールに関する依頼で起動します。計算ベースのリード獲得ツールが必要な場合、見せかけの計算ツールがリードを獲得しても有望なリードにつながらない場合、または計算ツールを初めて企画する場合にも起動します。
Brad Frost の Atomic Design による UI コンポーネント階層の方法論です。アトム（分割できない要素）、モレキュール（少数のアトムのグループ）、オーガニズム（複雑なモレキュールのセクション）、テンプレート（ページレイアウト）で構成されます。ボトムアップの構成（階層を飛ばさない）、プレゼンテーショナルコンポーネント（props でデータを渡し、コールバックでイベントを処理し、データ取得は行わない）、すべての視覚的プロパティへのデザイントークンの使用、継承よりコンポジションを徹底します。ユーザーインターフェースの構築、コンポーネントライブラリの作成、フロントエンドコードの整理、フォームシステムの設計など、あらゆる UI の構成に使用します。「コンポーネントを作る」「コンポーネント階層」「デザイントークン」「プレゼンテーショナルコンポーネント」「継承よりコンポジション」「React/Vue/SwiftUI コンポーネント」「Atomic Design」などがトリガーです。あらゆる UI フレームワークに適用できます。
スタンドアロンのqiaomu-bento-pptスキルを使用し、ブリーフ、メモ、レポート、URL、データ、既存のbentoデッキから、自己完結型のqiaomuスタイルのbentoプレゼンテーション（.bento.htmlファイル）を作成または編集します。ユーザーがbento/スライド、.bento.htmlデッキ、オフライン編集可能な単一ファイルのHTMLプレゼンテーションを明示的に求める場合、またはqiaomu-bento-pptを呼び出す場合に使用します。提案を先行させるプレゼンテーションワークフローを採用し、固定バージョンの公式bentoシェルと制作リファレンスを同梱します。元のbentoリポジトリを必要とせず、プレーンテキストの#bento-doc契約で構築し、構造、識別情報、シェルの完全性、視覚的ヒューリスティック、ロールバック境界を検証します。通常の.pptx納品、一般的なbentoソース開発、bento/spacesやbento/dashの作業には使用しないでください。
ターミナルインターフェース（フルスクリーンTUI、対話型プロンプト、コマンドラインツール）の設計、構築、リファクタリング、レビューを行います。ターミナルアプリのレイアウトとUX、CLIの動作、ncurses風ツール、ダッシュボード、REPL、fzf風ピッカー、Bubble Tea、Ratatui、Textual、Inkなどのライブラリに使用します。「TUI」と言わずにlazygit、k9s、btop、helix、yaziなど既知のTUIを指定する依頼も対象です。ブラウザーやWeb UI、ネイティブGUI、エディターやフォントの設定、ターミナルインターフェースを伴わないバックエンドやシェルの作業には使用しないでください
Wix ダッシュボードページを拡張する自社ビジネスアプリ向けウィジェットの構築に使用します。対象キーワード：dashboard plugin、dashboard slot、extend dashboard page、Wix Stores plugin、Wix Bookings plugin、Wix Blog plugin、observeState、dashboard widget。スタンドアロンのダッシュボードページ（wix-cli-dashboard-page を使用）や、サイト訪問者向け UI（site widgets/site plugins を使用）には使用しないでください。
Web UI が AI 生成のように見えるのを防ぎます。ウェブサイト、ランディングページ、ヒーローセクション、マーケティングページやヘルプ／ドキュメントページ、フロントエンドコンポーネント（HTML、CSS、Tailwind、React、Vue、Svelte、Astro）の構築、スタイル変更、レビュー時に使用します。デザインがありきたり、テンプレート的、「AI slop」、「他の SaaS と同じ」、平凡だと言われたときや、人がデザインしたようにしたいと求められたときにも使用します。アンチパターン集と lint スクリプト、文字・間隔・色・コピーの作法、プロジェクトごとの DESIGN.md、デザイン調整項目、ビューポート QA、内部の完了前チェックゲート（ユーザー向けチェックリストとして出さない）を含みます。初期／未完成段階：実行のたびに、ユーザーの言語で CAPS LOCK の WIP 警告を最初に表示します（安定版の公開はサイトと Twitter で告知済み）。
機能の羅列だけでなく、ユーザーの意思決定を支援する比較ツール（plan-compare、product-compare、alternative-compare）の設計。比較軸の選定、デフォルト比較ロジック、推奨の規律を扱う。feature-list-dump（すべての機能を列挙し意思決定を支援しない）、hidden-recommendation（中立を装った偏った比較）、honest-comparison-with-guidance（率直な比較と明確な推奨）というパターンを正直に扱う。comparison tool、plan compare、product compare、alternative compare、vs page、decision support tool に関する内容で起動。比較段階のコンバージョンが低い、比較段階でユーザーが離脱している、比較ツールの初期スコープを決める場合にも起動。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。