Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
ピクセル／スプライト風のアニメーション解説スライド。画面全体に広がるクリーム色のステージ、存在感のある年号、動くピクセルアートのマスコット（花札、キノコ、8 ビットゲーム機など）、躍動感のある日本語ディスプレイ書体、時を刻むタイムラインリボンで構成します。教育用モーショングラフィックの一コマのような見た目で、CSS キーフレームをループさせ、JS は使わず、画面録画して縦型動画にできます。「sprite animation」「pixel-art video」「8-bit explainer」「history of X explainer」「kinetic typography history」「Nintendo-style」「精灵图动画」「像素动画」「复古动画」を依頼に含む場合に使用します。
プレミアム品牌ビジュアル生成スキル。ハイエンドなブランドガイドライン、ロゴシステム、アイデンティティプレゼンテーション、ビジュアルワールド展開の制作に対応。ミニマリスト、シネマティック、エディトリアル、ダークテック、ラグジュアリー、カルチャル、セキュリティ、ゲーミング、デベロッパーツール、コンシューマーアプリなどのブランドシステムに対応。インテンショナルなロゴコンセプト、洗練されたコンポジション、スパースタイポグラフィ、強いシンボリック表現、プレミアムモックアップ、アートディレクションされた画像、柔軟なグリッドレイアウトに最適化。
UI をすでに提供しているアプリについて、「UI がひどいので直して」「デザインシステムが必要」「色をあちこちにハードコードしている」「上流への PR に向けてボタンを統一して」「デザインシステム全体を文書化して」「リリース前にアプリを確認して」といった曖昧なアプリ全体のデザインシステム要件に使用します。まずアプリをトリアージし、その後 design.how のスキルを順に実行します。画面を 1 つ指定する場合は ui-review、コンポーネントを 1 つ指定する場合は component-docs、空のリポジトリの場合は build-design-system を使います。
高いデザイン品質とデザインシステムへの準拠を備えた、独自性のある本番品質のフロントエンドインターフェースをレビュー・作成します。摩擦のない洞察からアクションへの移行、質の高い実装、信頼できる構築の 3 つの柱で評価します。用途：PR レビュー、デザインレビュー、アクセシビリティ監査、デザインシステム準拠チェック、創造的なフロントエンドデザイン、UI コードレビュー、コンポーネントレビュー、レスポンシブデザインのチェック、テーマテスト、印象に残る UI の作成。対象外：バックエンド API レビュー、データベーススキーマレビュー、インフラまたは DevOps 作業、UI を伴わない純粋なビジネスロジック、フロントエンド以外のコード。
ユーザーが製造を目的として、3D プリント可能な実物を設計したい場合にこのスキルを使用します。トリガー：「3D print」「STL」「parametric model」「Gridfinity」「enclosure」「bracket」「mount」「case」「housing」「CadQuery」「OpenSCAD」、または特定の FDM プリンター（Bambu Lab、Prusa、Ender）への言及、プリント向け設計・スナップフィット・公差・壁厚に関する質問、Arduino ケース、ケーブルオーガナイザー、壁面マウント、アダプター、機械部品などの機能部品の依頼。製造を目的として実物の制作を説明した場合も起動します。3D レンダリング、アニメーション、ゲームアセット、デジタル専用アート、フォトグラメトリ、彫刻、既存の STL ファイルの編集、プリンターでの出力を目的としない 3D 作業には使用しません。
Style thiết kế Supademo cho in-app product tour (dùng kèm skill tour-guide — component gốc 0 dependency): blinker hotspot pulse, tooltip card, step counter + nav buttons, progress bar, theme tokens — quy ra recipe Tailwind/CSS dùng ngay. Trigger: "/tour-guide-supademo", "tour kiểu Supademo", "style supademo", "blinker hotspot". Quy ước: style distill từ sản phẩm khác sẽ là skill riêng /tour-guide-<tên>.
/docs-site-macos のグラステーマをベースに、インタラクティブな「カーソルアニメーション付きウォークスルー」ページを作成します。左側に細いステップ一覧、右側に幅広のアニメーション付きフォルダーツリーを配置。各行の開始位置では矢印カーソルが余白にあり、ステップごとにコントローラーからファイルへ移動します。ファイルは作成された瞬間にのみ、文字起こしのように入力されます（それ以前は表示されません）。ノードは役割（ソース/読み取り、宛先/書き込み、パス、判定）ごとに色分けし、テキストタグを付けます。各ステップに独自のアクセントカラーを設定し、手動の「step」モードと自動再生モードを用意します。フレーム下のキャプションで現在のフレームを説明します。インストールからランタイムまでのライフサイクル、シーケンス、データフローなど、各操作がどのファイルに作用するかを視覚的に示す必要がある段階的な説明に使用します。ベースとなるグラスデザインシステムには /docs-site-macos を使用します。
調査資料を実行可能な PM の洞察に変換します。顧客インタビュー、ユーザーリサーチのメモ、サポートチケットのレビュー、営業通話の文字起こし、アンケートデータ、アプリ内フィードバックを統合し、それらが支えるべき意思決定に結び付けます。統合の過程で重要なシグナルを失ったり、実際には存在しない洞察を捏造したりせず、生の探索データから明確なプロダクトの方向性へと導く手法です。調査の統合、顧客インタビューの統合、ユーザーリサーチ分析、ディスカバリー報告、調査インサイト、営業通話分析、サポートチケット分析、定性データ分析で起動します。チームが調査を行ったものの意思決定に結び付けられない場合、統合によって見栄えのよい資料はできてもロードマップが動かない場合、または今後の PM の意思決定を既存の調査に基づかせる必要がある場合にも起動します。
Codex 用のエリート Web サイト画像からコード変換スキル。視覚的に重要な Web タスクでは、まず設計画像を生成し、深く分析してから、ウェブサイトを実装してできるだけ正確に一致させる必要があります。Codex では、小さく圧縮されたボードの代わりに大型で読みやすいセクション固有の画像を優先し、古い画像をトリミングする代わりにセクションまたは詳細ビュー用に新しいスタンドアロン画像を生成し、怠け者の生成不足を避け、カード内カード内カード UI を避け、ヒーローをきれいで広々とした読みやすく、小さいラップトップで表示されるようにする必要があります。
高品質な 6 枚構成のプレゼンテーションデザインボードを、1 枚の合成画像として生成します。PPT のデザイン案、Keynote 風のスライドモックアップ、戦略資料のビジュアル、編集／スポーツ／ニュース／ビジネス分析の資料、テレビ向けのスライドレイアウト、または「6-page slide board」「design these slides」「PPT 设计稿」「幻灯片设计图」の依頼に使用します。このスキルはスライドごとに資料を計画し、ライトモードかダークモードかを尋ね、指定されたレイアウトライブラリからレイアウトを選び、計画の承認後に合成画像を生成して、出力を自己評価します。テキストのみの資料構成（ユーザーが求めているのはビジュアルではなく文章）、単一スライドのデザイン（このスキルは常に 6 枚を生成）、編集可能な PPTX／Keynote ファイル（このスキルが生成するのはレンダリング画像）には使用しないでください。
Refactoring UI（Wathan & Schoger）の具体的なルールを使ってユーザーインターフェースを設計・改善します。間隔、文字、色、シャドウの尺度を制約し、サイズではなくウェイトと色で視覚的階層を作り、光を模倣して奥行きを表現します。Web、アプリ、ダッシュボード、ランディングページ、コンポーネントなどの UI の構築やスタイリング、フォントサイズ、間隔、色、シャドウ、角丸の選択、カラーパレットやデザイントークンの設計に使用します。また、UI が「しっくりこない」「素人っぽい」「雑然としている／単調／未完成に感じる」と言われたときや、「もっと見栄えをよくして」と頼まれたときにも使用します。
米国連邦政府の ICT アクセシビリティに関する Section 508 適合性の専門アドバイザーです。Section 508、連邦システム向け WCAG 2.0/2.1 AA、VPAT またはアクセシビリティ適合性レポート（ACR）、アクセシビリティ監査、改修計画、PDF のアクセシビリティ、ウェブやソフトウェアのアクセシビリティ、モバイルアクセシビリティ、連邦調達のアクセシビリティ要件、請負業者の義務、過度の負担に関する例外、支援技術との互換性、Section 508 のテストについて質問された場合に使用します。改訂 Section 508 基準（2018）、WCAG 2.0 レベル AA の全達成基準、POUR の 4 原則、テスト手法、機関のコンプライアンスワークフローを扱います。ユーザーが「スキル」と言わなくても、連邦システムの Section 508 または ICT アクセシビリティに関する質問では使用します。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。