Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
Mermaid 記法を使ってソフトウェアの図を作成するための総合ガイド。ユーザーが図の作成、可視化、ドキュメント化のために支援を必要とする場合に使用する。クラス図（ドメインモデリング、オブジェクト指向設計）、シーケンス図（アプリケーションフロー、API 相互作用、コード実行）、フローチャート（プロセス、アルゴリズム、ユーザージャーニー）、ER 図（データベーススキーマ）、C4 アーキテクチャ図（システムコンテキスト、コンテナ、コンポーネント）、ステート図、git グラフ、円グラフ、ガントチャート、その他のあらゆる図に対応する。「diagram」「visualize」「model」「map out」「show the flow」といったリクエストや、システムアーキテクチャ、データベース設計、コード構造、ユーザー／アプリケーションフローの説明時に発動する。
プレゼンテーションを作成、編集、複製、読み取り、エクスポートする。すべての PPT タスクで、既定の成果物は両方:(1) .pptd マニフェストとページ/メディアの依存関係を含む自己完結型の PPTD プロジェクトフォルダ、(2) フォントを埋め込み、フェードのスライド切り替えを設定したローカル生成の .pptx。プレゼンテーション、PowerPoint、PPT/PPTX、スライドデッキ、PPTD、インフォグラフィック、ポスターのタスクに使用する（ユーザーが明示的に別の形式を要求した場合を除く）。絶対パスを使用した通常のローカルファイル/フォルダリンクで納品する。
ユーザーが科学データ（または科学データに言及するプロンプト）を持ち、それから出版品質の図を作成したいときに使用。生成器が凍結された伝達目標を達成する図を起草してレンダリングし、対立的な批評家がそれを厳しく批評して固定ルーブリックに基づき各軸（メッセージ、美的、明瞭さ、誠実性、および条件付きの領域完全性軸）で 1〜5 点に採点し、0〜100 に集約して合否を判定する；生成器は評価がしきい値を超えるか予算に達するまで批評家の指摘に対して改訂する。両方の役割は領域内容（例：パスウェイ図の遺伝子セットやベンチマークの報告数値）を検証するために文献（Semantic Scholar + arXiv）を参照でき、ウェブ検索で取得した特定ジャーナルの図の仕様に準拠し、それに照らして採点する。論文の執筆やデータセットの分析には向かず、既存の完成画像の編集にも向かない — これはデータ/ブリーフから図をレンダリングして反復するものである。
2 段階のワークフローで、美しくアニメーション豊かな HTML プレゼンテーションを作成する。`--plan` で構造化された PLANNING.md のアウトラインを作成し（resources/ フォルダを自動的に読み込む）、`--generate` で計画から最終 HTML を生成し、`--export pptx` で PowerPoint に変換する。直接作成、PPT のインポート、ビジュアルプレビューによるスタイル探索にも対応。プレゼンテーションを作成したい、PPT/PPTX をウェブに変換したい、トークやピッチ用のスライドを作りたいときに使用。
プロジェクトの既存デザインシステムを、コード（カラートークン、サイズスケール、コンポーネント）または稼働中サイトの URL から抽出し、Figma UI kit 風の参照用 HTML ページにまとめます。基礎要素、カテゴリ別コンポーネント、モバイル／デスクトップの画面例を含み、配色、ライト／ダーク、形状の切り替えや、トークン／HTML／hex のコピーに対応します。値は手入力せず、実際のトークン関数を実行する（または Playwright で実際のスタイルを読み取る）ことで取得します。リンクをたどり、非表示部分をクリックして開く探索ループ、署名による重複除去、飽和時の停止を備え、カバレッジゲートですべての発見済みパターンがキットに含まれるようにします（骨格だけで終わりません）。標準出力例：references/ui-kit-reference.html。hallmark（新しいデザインの作成／変更）とは異なり、このスキルは既存システムを複製するだけで、新たな創作はしません。「ui kit」「HTML で Figma UI kit」「design system を抽出」「コンポーネント参照ページ」「design token page」「コンポーネントギャラリー」「コードからスタイルガイド」「このページを HTML kit に抽出」「kit を充実」「/ui-kit-from-code」と言われた場合に呼び出します。
あるフロントエンド（React/Next.js/Vue + Tailwind）の UI/UX 全体を 1 つの自己完結型 HTML ファイルに圧縮し、オフラインで動作、ハードコードされたプレースホルダーデータ、サイズしきい値（デフォルト 5MB）以下にする：各画面を vanilla JS に移植し、Tailwind クラスは JSX からそのままコピーし、プロジェクト自身の config で Tailwind をコンパイルし、フォント + アイコンサブセット + ロゴを埋め込み、画面/状態選択パネルとモバイルモード用のスマホフレームを備え、Playwright で検証する。ユーザーが「snapshot UI」「gói toàn bộ giao diện vào 1 file html」「bản demo giao diện offline」「mockup tĩnh có dữ liệu mẫu」「nén UIUX dự án」「gửi giao diện cho người không chạy được app」と言った場合、または /ui-snapshot を呼び出した場合に使用。hallmark/redesign（新規設計）や playwright-verify（実行中のアプリを撮影・計測するのみ）とは異なる——ui-snapshot は既存のインターフェースを再現し、バックエンド/ログインは不要。
UI/UXデザインのインテリジェンス。50種類のスタイル、21種類の配色、50種類のフォントペア、20種類のチャート、9種類の技術スタック（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）を提供します。操作：計画、構築、作成、デザイン、実装、レビュー、修正、改善、最適化、強化、リファクタリング、UI/UXコードのチェック。プロジェクト：ウェブサイト、ランディングページ、ダッシュボード、管理パネル、EC、SaaS、ポートフォリオ、ブログ、モバイルアプリ、.html、.tsx、.vue、.svelte。要素：ボタン、モーダル、ナビゲーションバー、サイドバー、カード、テーブル、フォーム、チャート。スタイル：グラスモーフィズム、クレイモーフィズム、ミニマリズム、ブルータリズム、ニューモーフィズム、ベントーグリッド、ダークモード、レスポンシブ、スキューモーフィズム、フラットデザイン。トピック：カラーパレット、アクセシビリティ、アニメーション、レイアウト、タイポグラフィ、フォントペア、余白、ホバー、シャドウ、グラデーション。統合：コンポーネント検索とサンプル表示に shadcn/ui MCP を使用
Sheets、Docs、Slides、Bases、Boards、PDFs 全体にわたって、Univer のカラーテーマ、ブランドパレット、ダークモード、テーマ対応プラグインスタイルをカスタマイズします。初期または実行時の Theme の設定、ThemeService や --univer-* CSS 変数の利用、カスタム UI やキャンバスコードのテーマ対応、個別の Univer Pro チャートテーマの登録、または Univer 0.25.0 から現行の 1.0 ソースへのテーマコード移行に使用します。
デザイナーが Trace を切る前に機能全体の包括的なデザインを制作したい場合にこのスキルを使用する —— 例えば "design feature #X"、"create the Figma flow for this feature"、"map the UX for this feature"、"design the full user journey for feature #X"、"create a feature design handoff"、"add design coverage to feature #X" など。機能全体のジャーニー（すべてのユーザーストーリー、すべての画面、画面をまたぐ状態）を対象とし、Design Handoff セクションを Feature issue に書き戻して Definition of Ready ゲートを満たす。個々の Trace には適用されない —— 主張されたシナリオを Trace 単位でカバーするには `wtf.design-trace` を使用する。
公開文書化された 185 のデザインシステムの厳選カタログ（Material、Carbon、Polaris、Fluent、GOV.UK、Atlassian、Salesforce Lightning、Chakra、Mantine、shadcn/ui、Radix など）。機能フラグ別に索引付け — Components、Voice & Tone、Designers Kit、Source code。デザインシステムの先例を調査するとき、コンポーネントを出荷済みのシステムとベンチマークするとき、参照する Figma/Sketch キットを探すとき、エディトリアルボイスのガイドラインを入手するとき、名前でシステムを調べるとき、実世界の先行事例を引用するときに使用。"誰がすでにこれを構築したか" のカタログを提供することで、主スキル extract-design-system と design-system-patterns が推論する基盤を補完する。
ユーザーが Bootstrap ヘルパー、Bootstrap clearfix、Bootstrap のカラーと背景のヘルパー、Bootstrap のカラーリンク、Bootstrap のフォーカスリング、Bootstrap のアイコンリンク、Bootstrap の配置ヘルパー、Bootstrap の比率ヘルパー、Bootstrap のスタック、Bootstrap のストレッチリンク、Bootstrap のテキスト切り詰め、Bootstrap の垂直罫線、Bootstrap の視覚的非表示について質問した場合、または Bootstrap のヘルパークラスの支援が必要な場合に、このスキルを使用する。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。