Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
チャート選択、色彩理論、注釈のベストプラクティスを扱うデータ可視化。チャートタイプ（棒、折れ線、散布図、ヒートマップ）、軸のルール、データによるストーリーテリングを網羅します。用途：チャート、グラフ、ダッシュボード、レポート、プレゼンテーション、インフォグラフィック、データストーリー。トリガー: data visualization、chart、graph、data chart、bar chart、line chart、scatter plot、data viz、visualization、dashboard chart、infographic data、data presentation、chart design、plot、heatmap、pie chart alternative
チャート選択、色彩理論、注釈のベストプラクティスを扱うデータ可視化。チャートタイプ（棒、折れ線、散布図、ヒートマップ）、軸のルール、データによるストーリーテリングを網羅します。用途：チャート、グラフ、ダッシュボード、レポート、プレゼンテーション、インフォグラフィック、データストーリー。トリガー: data visualization、chart、graph、data chart、bar chart、line chart、scatter plot、data viz、visualization、dashboard chart、infographic data、data presentation、chart design、plot、heatmap、pie chart alternative
新しい Datadog ダッシュボードの設計、既存ダッシュボードの再設計、または運用準備状況のためのダッシュボード監査。ウィジェットの選択、レイアウト構成、テンプレート変数、グループ構造、タブ構成、アラートしきい値の検証、ゼロ知識での可読性を扱う。ダッシュボードの検査と設計の検証には pup CLI を使用する。新しいダッシュボードの設計、既存ダッシュボードの再設計、オンコール引き継ぎ前の監査、ダッシュボード変更後のレビューに使用する。次には使用しない：（1）Datadog agent のインストールまたは設定、（2）monitor / アラートルールの設計、（3）APM の計装またはトレーシングの設定、（4）ログパイプラインの設定。
Descope flow 上に React の「Bring Your Own Screen」（BYOS）カスタム UI を構築するときに使用する。エクスポートされた flow JSON を受け取り、実際のインタラクション ID と出力を抽出し、ホスト版と同等の BYOS コンポーネントを生成し、遠回りな再発見が必要になる失敗モード（フォームの無言の拒否、共有スクリーン名の衝突、匿名セッションの粘着、ネストしたフォームのハイドレーションエラー、誤ったフォームキー、行き止まりのボタン、OAuth プロバイダーフィールドの欠落）を避ける。
レイアウトパターン、件名の公式、配信到達性のルールを備えたメールマーケティングのデザイン。ウェルカムシーケンス、プロモーションメール、トランザクションメールのテンプレート、モバイル最適化を扱います。用途：メールマーケティング、ニュースレターのデザイン、ドリップキャンペーン、メールテンプレート、トランザクションメール。トリガー：email design、email template、email marketing、newsletter design、email layout、email campaign、drip campaign、welcome email、promotional email、transactional email、email subject line、email header image、email banner。
Figma Context MCP（Framelink）を効率的に使用し、429 レート制限エラーを回避するためのエキスパートガイド。次の場合に有効化する：(1) Framelink Figma MCP ツール（get_figma_data、download_figma_images）を使用する場合、(2) コード生成のために Figma デザインを取得する場合、(3) ユーザーが Figma API から 429 レート制限に達する場合、(4) Figma からデザイントークンやコンポーネントデータを抽出する場合、(5) Figma のアセット/画像をダウンロードする場合、(6) Figma URL を含むあらゆるデザインtoコードのワークフロー。メタデータ優先の取得、深さ制限付きノードツリー、画像の一括ダウンロード、レート制限の診断、プラン階層の認識を扱う。
実行中の GIMP（オープンソースの画像エディター）を、内蔵の Script-Fu サーバー経由で Python スクリプトからリモート操作します — ドキュメントとレイヤースタックの構築、塗りつぶし、グラデーション、ブラシストロークの描画オブジェクト、テキストレイヤーの追加、非破壊の GEGL フィルターの適用、マスクと選択範囲による切り抜き、写真のレタッチ、ユーザーが表示しているセッションでの PNG/JPEG/TIFF/GIF/.xcf の書き出しやフォルダ全体の一括変換。GIMP ドキュメント（.xcf）の作成や編集、コンポジット、ラスター画像のレタッチやリサイズ、画像フォルダの一括処理、GIMP のスクリプト化や自動化、レイヤーの個別書き出しを行いたい場合、または "GIMP"、"xcf"、"gimp script"、"batch resize these photos"、"open this in GIMP" と言及した場合に使用します — スクリプト化に触れていなくても構いません。ハンガリー語も対象："csinálj egy képet GIMP-ben"、"vezéreld a GIMP-et"、"rétegek"、"exportáld PNG-be"、"kötegelt átméretezés"。自然素材のペイント（krita や rebelle を使用）、ベクターおよびレイアウトデザイン（affinity を使用）、キーフレームアニメーション（cavalry を使用）には適しません。
PRD ドキュメント、プロトタイプ画像、リソースファイルから、完全な本番運用可能のフルスタック Web アプリを構築します。システム設計、データベーススキーマ、シードデータ、バックエンド API、フロントエンド UI、プロトタイプとの視覚的な照合、デプロイスクリプトの生成まで、全工程に対応します。ユーザーが PRD（製品要件ドキュメント）を提供して動作するアプリの構築を希望する場合、「根据PRD开发」「build from PRD」「implement this product」「把需求文档做成应用」「develop this app from requirements」などと依頼する場合、プロトタイプ画像と要件をもとにフルスタック実装を希望する場合、製品仕様を動作する Web アプリにしたい場合、またはワイヤーフレーム／モックアップと要件ドキュメントを組み合わせたアプリ構築に言及する場合に使用します。作業ディレクトリに PRD 資料があれば、ユーザーが「帮我开发」や「build this」とだけ言った場合も起動します
リアルタイムのハンドトラッキングとジェスチャーインターフェース設計を専門とするコンピュータビジョンのエキスパート。"hand tracking、gesture recognition、mediapipe、hand gestures、touchless interface、sign language、hand pose、finger tracking、mediapipe、hand-tracking、gesture-recognition、computer-vision、hci、touchless、ml" が言及されたときに使用します。
同じピクセル、より少ないトークン — 視覚的な洗練度が仕様となるユーザー向けの成果物向け。ランディングページ、マーケティングサイト、ヒーロー、料金/機能セクション、ダッシュボード、その他の HTML/CSS UI コンポーネントを構築または編集する時に使用。レンダリングされたデザイン（レイアウトの深さ、階層、モーション、レスポンシブの豊かさ、a11y）をそのまま保ち、そのデザインを密度高く表現することでトークンを削減する — CSS カスタムプロパティ、共有クラス、ショートハンド、流動的な単位 — デザインを削ることによる削減ではなく。honey コアはコードと文章を削り、これはデザインが*書かれる*方法を削るのであり、見た目は決して削らない。出力がユーザー向けのマークアップである時は常にこれを使う。ユーザーが “minimal” と言わなくても。
Lightの研究メインライン第9段階・図表：図を論旨に役立てる（各図がどの主張を支え、削除すると何が欠けるか）；出版品質の仕様を定める（段組幅、フォントサイズ、色覚多様性への配慮、エラーバー、n、統計的有意性）；視覚的誠実さを守る（y軸をこっそり切り取らない、二重y軸で見せかけの相関を作らない、jet-rainbowを使わない）；レンダリング後にマルチモーダルで「実際によく見る」；論文のデータ図は必ずプログラムで生成し、AI画像生成は絶対に使わない。使用場面：結果分析後に論文図表を作成する／図の一式を計画する（図のリスト、予算、重複防止）／図の種類を選ぶ／出版品質の図を作る（段組幅、フォントサイズ、dpi、色覚多様性に配慮した配色）／「図が誤解を招く、または有意でない結果を主図にしている」懸念に対処する／レンダリング後にラベルの重なりや、データにかぶる凡例を確認する／フレームワーク図や模式図を作る（プログラムによる生成、AI画像生成ではない）。トリガー：画图 / 图表 / figure / 配图 / 出图 / 论文图 / 主图 / 图注 caption / 误差棒 error bar / 色盲 colorblind / viridis / 截断 y 轴 / 双 y 轴 / 热力图 / 框架图 / 组图 panel / display item / 栏宽 column width / 出版级 publication / 图型推荐 / 渲染回看 / plot / chart / matplotlib / seaborn。基本規律：**視覚的な不誠実さ（y軸の切り取り／二重y軸による見せかけの相関）= criticalゲート**（spec §4.2、STAGE_GATES[9]=[visual_honesty]）；エラーバー不足／jet-rainbow／図一式の予算超過／重複 = warn；**有意でない結果を主図にする／図と本文の不一致 = critical → 9→7のやり直しを開始**；**論文のデータ図は必ずプログラム（matplotlib/seaborn/R）で生成し、AI画像生成は絶対に使わない**（恒久ルール）；静的lintは疑わしい形式を検出するだけで、実際に誤解を招くかどうかの最終判断には図注と人間／査読者の確認が必要です。本スキルは **9→7（有意でない結果を主図にする／図と本文の不一致 → result-analysis）のやり直しを開始します**。
テキストをプレゼンテーションやドキュメント向けのプロ品質の Mermaid 図に変換します。ユーザーが Mermaid の名前を挙げた場合は必ずこのスキルを使用し、概念の可視化、フローチャートの作成、テキストからの図の作成（流程圖、架構圖、關係圖、時序圖、心智圖）を依頼した場合は使用すべきです。HTML Artifacts 内の図では、artifact に既存の HTML/CSS/SVG または図の作成手法があれば、必ずそちらを優先します。フローチャートを求められたというだけで Mermaid を選ばず、適している場合に選択します。Excalidraw を明示的に求められた場合は excalidraw-diagram、Obsidian Canvas を明示的に求められた場合は obsidian-canvas-creator を必ず使用します。
UI/UX 作業の前に、実際にリリースされたアプリのデザインインスピレーションを得るため Mobbin MCP を強制する。画面、フロー、ペイウォール、オンボーディング、チェックアウト、設定、空状態、マーケティングセクション、マイクロコピーパターンを設計、再設計、レビューするとき、ユーザーが Mobbin、デザインインスピレーション、UI リファレンス、パターン調査、実在アプリとのベンチマークと言ったときに使用する。Mobbin MCP の search_screens、search_flows、search_sections が必要 — 記憶から UI をでっち上げたり、Dribbble / 汎用 AI レイアウトで代用したりしない。
Molten OS Core — コンバージョン率の高いランディングページを作成または監査する（build → index.html + styles.css、または 22 項目の監査）。ランディングページ、ウェイトリスト、セールスページ、コンバージョン率レビューに使用する。存在する場合は `molten-docs/brand/brand.md` と `molten-docs/design/design.md` を読む。意図に応じて build または audit ワークフローにルーティングする。
Instagram、LinkedIn、Twitter/X 向けの複数スライドのカルーセルデザイン。レイアウト規則とフックを扱う。スライド構成、テキストの階層、スワイプの心理、プラットフォーム固有の仕様を網羅。用途：カルーセル投稿、Instagram カルーセル、LinkedIn カルーセル、スライド投稿、教育コンテンツ。トリガー：carousel、instagram carousel、linkedin carousel、slide post、carousel design、swipe post、multi-image post、carousel template、educational carousel、carousel content、instagram slides、linkedin slides
元のスクリーンショットから、完成版の App Store スクリーンショットセットを作成します。ブランドカラーのグラデーションと白（またはダークテーマでは暗色主体の背景）が画像全体にパノラマのようにつながり、中央に大きく太い見出しを配置します。デバイスは固定位置に置き、画面を暗くしつつ、切り抜いた一部を本体の外へ飛び出させます。画像の継ぎ目には、アプリの内容に沿った光沢のあるふっくらした 3D オブジェクト（祈りのアプリなら三日月と星、字幕アプリなら吹き出しなど）を配置します。さらに、アプリのシンボルを自身の UI カードを載せた巨大な 3D オブジェクトにする、スマートフォンなしのヒーロー画像も作成します。必要な iPhone サイズ（6.9 インチと 6.3 インチ）および iPhone Duo の外側・内側ディスプレイを、ライトとダークの両方で網羅します（ライト／ダークモードのスクリーンショットが提供された場合）。HTML テンプレートとヘッドレス Chrome でレンダリングし、UI はピクセル単位で正確に保ちます。元のスクリーンショットフォルダーから App Store／ストア用スクリーンショット、iPhone Duo のスクリーンショット、ダークテーマのスクリーンショットセットを求められた場合、またはこのスキル名が挙がった場合に使用します。計画ファイルや承認待ちを挟まず、セットを直接生成します。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。