Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
Feishu ホワイトボードの万能操作 · 5 つの描画パスからいずれかを選択: (A) Mermaid/PlantUML のサーバーサイドレンダリング（マインドマップ/シーケンス図/クラス図/円グラフ/フローチャート/USED ガントチャート、図全体を 1 つのノードとし、Feishu が自動でレイアウト） (B) Mermaid ローカルエンジン whiteboard-cli（par/参加者数などのサーバー側制限を回避し、各ノードをクリックして編集可能） (C) SVG による自由作画（任意の上Apps Addressing: フライホイール/フィッシュボーン/Dashboard/ポスター/イラスト/アーキテクチャ図など、各 SVG 要素 → 1 つのネイティブノードとして個別編集可能） → scripts/svg_to_board.py で SVG を Feishu ネイティブノードに変換 (D) シンプルな SVG 単一ノードの装飾（アイコン/スタンプ/小要素、2KB 以内の SVG） (E) 精緻なアーキテクチャ図（手書きのノード JSON、絶対座標 + 配色 + 接続線 ID 参照） ユーザーが「図を描く/ホワイトボード/アーキテクチャ図/フローチャート/フライホイール/フィッシュボーン/ロードマップ/Dashboard/イラスト/ポスター/AI 自由作画/SVG をボードに配置/ボード複製/画像をボードにアップロード/可視化/ノード図/精密配置」を求めたときに使います。特に「右下が切れている」「z_index が乱れる」「ノードが二重になる」「複雑な図が不完全」「mermaid サーバーサイド失敗」というフィードバックがあった場合は、必ず references/pitfalls.md を読んでトラブルシュートしてください。書き込み系（add-board/create-notes/update/delete/clone/svg-import/upload-image/import）は App Token を使用（既定は Bot アイデンティティ）、ログイン不要。ユーザーが auth login 済みでも、書き込みコマンドは App アイデンティティのまま切り替えません。読み取り系（image/nodes/export-code/svg-export/lint）はログイン後に自動で User Token を使用し、未ログインの場合は App Token にフォールバックします。svg-export はボード全体の SVG ビジュアルスナップショットを出力（POST /export、base64 デコード）し、任意のボードで有効です（SVG ノードに限らない）。svg_to_board.py / board import と組み合わせることで「エクスポート → 編集 → 書き戻し」のループを実現できます。
bslib (Bootstrap 5) を使ってモダンな Shiny ダッシュボードやアプリを作成する。新しい Shiny アプリの作成、レガシーアプリ（fluidPage、fluidRow/column、tabsetPanel、wellPanel、shinythemes）のモダナイゼーション、bslib のページレイアウト、グリッドシステム、カード、value box、ナビゲーション、サイドバー、フィリングレイアウト、テーマ、アコーディオン、ツールチップ、ポップオーバー、トースト、bslib インプットの時候に使う。Shiny の基礎知識は前提とする。
ユーザー提供の写真を、縦 3:5 の Gathered Scenes Zine ポスターに変換します。本当の写真写真を余裕のある元写真由来の抽象イラストの領域に配置し、密集した葉っぱなどのミクロな細部を大胆にいくつかの大きく静かな形へ圧縮し、高彩度の色相を 1 つ構成の骨格として組み込み、手で裂いたような繊維状の写真と紙のエッジをはっきり残します。触感のあるミニマルな紙のコラボレート、簡略化されたイラスト、積極的なネガティブスペース、抑制された英語デフォルト・中国語・二言語のマイクロテキスト、 unmistakable で控えめな裂紙境界を望む場合に使用します。
Efecto でグラフィック素材をデザインします——プレゼンテーション、ピッチデッキ、イベントポスター、メールヘッダーtechnorion… ja: Efecto でグラフィック素材をデザインします。プレゼンテーション、ピッチデッキ、イベントポスター、メールヘッダー、ブログ画像、Open Graph カード名刺… Fix: プレゼンテーション、ピッチデッキ、イベントポスター、メールヘッダー、ブログ画像、Open Graph カード、名刺、履歴書、メニュー、インフォグラフィック、招待状、ニュースレター、ドキュメントなど。「ポスターをデザインして」「ピッチデッキを作って」「プレゼンテーションを作って」「名刺をデザインして」といった依頼や、あらゆるグラフィックデザイン作業で使用します。Efecto MCP サーバーが必要です。
データ駆動型で高品質な本番環境のインターフェースを構築するためのシニア UI/UX デザイン専門家。次の用途で使用します：1. 複雑なアプリケーション（ダッシュボード、SaaS、AI ツール）をゼロから設計する 2. 包括的なデザインシステム（トークン、パレット、タイポグラフィ）を生成する 3. 既存の UI の品質、アクセシビリティ、作り込みを点検する 4. 実績のあるデザインパターンと実装の詳細を検索する トリガー："design a..."、"audit this..."、"create a design system"、"find icons"、"fintech dashboard"、"landing page"
あらゆるアプリをリバースエンジニアリングし、画面一覧、ユーザーフロー、コンポーネント一覧、推定データモデル、機能マトリクスをまとめた調査マップを作成します。公開ページ、スクリーンショット、アプリストアの掲載情報、ヘルプドキュメント、ユーザー自身のアカウントを基にします。Replica pack の最初のステップです。「このアプリをクローンして」「X をリバースエンジニアリングして」「X はどう動くの」「X の構成を整理して」「X にはどんな画面がある」「X の独自版を作りたい」「このアプリをコピーして」と言われた場合や、アプリの URL または App Store リンクが貼られ、再構築を希望する場合に使用します。
Syncfusion React Scheduler コンポーネントを実装し、カレンダー、イベント スケジューリング、予約管理を行います。スケジューリング システム、カレンダー アプリ、 bookings システム、タイム マネジメント インターフェースの構築時に使用します。すべての Scheduler ビュー(Day、Week、Month、Timeline、Agenda、Year)、データ バインディング、リソース スケジューリング、繰り返しイベント、CRUD 操作、ドラッグ＆ドロップ スケジューリング、カスタマイゼーション、アクセシビリティ、高度な機能を扱います。
Motion（Framer Motion）を使って React のアニメーションを構築します。ジェスチャー（ドラッグ、ホバー、タップ）、スクロール効果、バネ物理、レイアウトアニメーション、SVG に対応。バンドルサイズ: 2.3 KB（mini）から 34 KB（full）。使用場面: ドラッグ＆ドロップ、スクロールアニメーション、モーダル、カーセル、パララックス。トラブルシューティング: AnimatePresence の終了処理、リストのパフォーマンス、Tailwind との競合、Next.js の「use client」。
Syncfusion React ガントチャートコンポーネントの実装、設定、カスタマイズ。タスクのタイムライン、依存関係、リソース管理、カレンダー駆動のスケジューリングを備えたプロジェクトスケジュールアプリを構築する際に使う。GanttComponent のセットアップ、タスク制約、タスクバーのカスタマイズ、フィルタリング、並べ替え、Excel/PDF エクスポート、クリティカルパス分析、マイルストーン先行タスク、リソースビュー、ベースライン追跡、タスクカレンダー設定を扱う。
Mobbin で実際のアプリの UI スクリーンショットを検索し、視覚的に分析します。`search_screens` MCP ツールを呼び出す前に必須です——このスキルは検索の計画、回答、スクリーンショットが答えであるときの HTML エビデンスボードの構築方法を定めます。UI／UX デザインパターンについて|other apps（他アプリ）が画面やフローをどう処理しているか知りたいStimulusStimulusWakeup、設計のインスピレーションやリファレンスが必要、アプリ間で UI アプローチを比較したい、Mobbin に言及した、`search_screens` が関係しうる場面では必ず使用します。デザインに関する質問には、スクリーンショットが明示的に求められていなくても積極的にトリガーしてください。
カスタム Hyvä CMS コンポーネントを作成します。ユーザーが新しい Hyvä CMS コンポーネントを作りたい、Hyvä コンポーネントを構築したい、または Hyvä CMS の components.json や PHTML テンプレートについて助けがほしい場合に使用します。トリガーのフレーズ：「create hyva cms component」「add cms component」「new hyva component」「build page hyva cms element」「custom cms element」。
クリックをanalytical獲得できる YouTube 動画のサムネイルをデザインします——モバイルで読みやすく、フォーカスは 1 つ、内容は正直に。YouTube のサムネイルをデザインしたい、CTR を上げたい、サムネイルの要件をまとめたい、サムネイルの文言を決めたい、A/B テストを計画したいときに使います。高 CTR のサムネイルをデザインし、要件定義と A/B テストプランを作成します。サムネイルはポスターではなく約束であり、タイトルと一体でデザインし、モバイルでも判読できる.feasibilityposableMust 用いて CLICK フレームワークを使います。まずブランドプロフィールと動画／タイトルを読みます。最終ラスターは人間または画像／デザインツール（nano-banana/ideogram/Canva/デザイナー）が作成します。YouTube のカスタムサムネイルは Studio でネイティブにアップロードします（WoopSocial にはサムネイル項目がありません）。Test & Compare も標準機能です。TikTok/IG-Reel のカバーは WoopSocial の cover 項目を該当フォーマットのスキル経由で使います。クリックベイトや未同意のリアルな人物／ディープフェイク顔は使いません。CTR を捏造することもありません。youtube-publishing-and-metadata（メタデータ）および nano-banana/ideogram（このスキルが要件定義するラスターを生成するもの）とは異なります。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。