Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
Syncfusion Blazor MultiColumn ComboBox コンポーネントの実装に関する包括的なガイドです。複数列、フィルタリング、選択、ページング、仮想化、グループ化、カスタマイズオプションを備えたドロップダウンで構造化データを表示する際に使用します。Blazor アプリケーションの複雑なデータ構造や高度なフィルタリングシナリオに適しています。Syncfusion.Blazor.MultiColumnComboBox パッケージのすべての MultiColumn ComboBox 機能を網羅します。
影分身を召喚：genjutsu のフルスケールパイプラインで、Web サイトや Web アプリ全体をゼロから構築するか、全面的にリデザインします。クライアントの実際の素材を収集し、並行して調査を行い、Impeccable が方向性を、genjutsu がモーションを担当します。並列エージェントでページを構築し、修正、評価、客観的なアートディレクションを繰り返します。軽微な問題だけになるか、選択したティアのラウンド上限に達するか、ラウンド内で何も修正されなくなるまで続けます。最初に費用を提示し、2回確認します。Web 向け。サブエージェントを起動できるホストが必要です。
Flutter アプリケーションの Duit / flutter_duit バックエンド駆動 UI の統合、修正、レビュー、移行、テスト、デバッグに対応します。タスクで DUIT、flutter_duit、backend-driven UI、BDUI、server-driven UI、XDriver、DuitViewHost、DuitRegistry、HTTP または WebSocket トランスポート、カスタム Duit ウィジェット、コンポーネント、ケイパビリティデリゲート、コンパイル時 DUIT フラグ、またはバックエンドからの JSON レイアウト描画に言及する場合に使用します。
デスクトップゲームをモバイルに移植するための専門的なパターンを紹介します。タッチ操作方式（仮想ジョイスティック、ジェスチャー検出）、小型画面向けのUIスケーリング、モバイルGPUのパフォーマンス最適化、バッテリー管理、プラットフォーム固有の機能を扱います。モバイルへの移植やクロスプラットフォームのモバイルビルドを作成する際に使用します。トリガーキーワード：TouchScreenButton、virtual_joystick、gesture_detector、InputEventScreenTouch、InputEventScreenDrag、mobile_optimization、battery_saving、adaptive_performance、MOBILE_ENABLED
デジタルカードゲーム（CCG／デッキ構築ゲーム）の専門的な設計図。カードデータ構造（Resourceベース）、デッキ管理（ドロー／捨て札／シャッフル）、ターンロジック、手札レイアウト（弧状配置）、ドラッグ＆ドロップ UI、効果解決（Commandパターン）、ビジュアルの仕上げ（godot-tweening、シェーダー）を含みます。CCG、デッキ構築ゲーム、戦術カードゲームに使用します。トリガーキーワード：card_game, deck_manager, card_data, hand_layout, drag_drop_cards, effect_resolution, command_pattern, draw_pile, discard_pile。
React/Next.js スライドシステム（${SLIDE_DECK_REPO:-$HOME/code/your-slide-deck-site}/src/app/slides/）用のスライドデッキを作成、更新、変換、エクスポートする場合に使用します。既存のプリミティブ（Eyebrow、Heading、Accent、Body、BulletList、Divider、TwoCol、GradientText）を使って TypeScript の Slide[] 配列を作成します。循環する 12 種類のブランドグラデーション、「現在地」のコンテキストを示す任意のセクション、スピーカーノートに対応します。zarazhangrui/frontend-slides に着想を得ており、ストーリーでは「見せて、語らない」（3 つの切り口を提示し、選択できます）、密度モードでは「登壇者主導」と「閲覧優先」を選べます。モードは 4 種類です。new（概要から作成）、update（オーバーフロー対策付きで既存デッキを編集）、ppt（旧式の PPTX を React デッキに変換）、export（Playwright で既存の React デッキをスナップショットし、ブランドを維持したまま単体 HTML、PDF、または Vercel URL に出力）。「/slide-deck」「/slides new」「/slides export」「/slides update」「/slides ppt」「デッキを作成」「[トピック]のデッキ」「[トピック]の講演」「[トピック]の基調講演」「[対象者]向けの社内デッキ」「この pptx を変換」「このデッキをエクスポート」などで起動します。
マーケティングページやリード獲得フォームのコンバージョン率を最適化します。ホームページ、ランディングページ、料金ページ、機能ページ、ブログ CTA、お問い合わせフォーム、デモフォーム、キャンペーンページのコンバージョン改善に使用します。製品オンボーディングには user-onboarding、ライフサイクルメールには marketing-automation、料金やペイウォールには pricing-strategy、A/B テストには ab-test-setup を使用します。
学術論文、スライド、レポート向けの出版品質のmatplotlib図を扱います。棒グラフ、傾向、散布図、ヒートマップ、複数パネル構成を、このリポジトリの標準スタイル、印刷・ベクター出力規則、figures4papersデモとの整合性に沿って作成します。ユーザーがmatplotlibでこのような図を作成または仕上げる際に使用します。インタラクティブなダッシュボードやWeb可視化（Plotly、Altair、Bokeh）、出版を目的としない探索的プロット、3Dまたは地図作成が中心の作業、Illustrator/Figma中心のインフォグラフィックワークフローには使用しないでください。
Next.js + Tailwind + React プロジェクト向けに、意図の明確な UI アニメーションを分析・実装します。アニメーションの追加、UI の動きの強化、ページ／コンポーネントのアニメーション化、視覚的フィードバックの改善を求められた場合に使用します。トリガー：「add animations」「animate UI」「motion design」「hover effects」「scroll animations」「page transitions」「micro-interactions」。
`design-system` の互換エイリアスです。既存のワークフローやセットアップスクリプト、またはユーザーが明示的に `frontend-design-system` を求める場合に使用します。通常の UI システム、デザイントークン、ランディングページ、ダッシュボード、コンポーネントライブラリの作業は `design-system` に振り分けます。トリガー：旧スキル名、frontend-design-system エイリアス、フォルダー名の厳密な互換性、移行に配慮した UI システムのルーティング。
「define our core action」「North Star metric」「accruing benefits」「improve retention mechanics」「hierarchy of engagement」「Sarah Tavel framework」と尋ねられた場合に使用します。消費者向け製品が、長期的な継続利用を促す行動と便益を特定するのに役立ちます。Benchmark の Sarah Tavel が作成した Hierarchy of Engagement フレームワークは、コアアクションから損失の拡大に至る進展を示します。
Three.js シーンにボリューム感のある水中のゴッドレイを追加します。半解像度で各視線に沿って漂ううねり場をマーチングし、光条が太陽に収束するようにし、カメラとの視差と波打つコースティクスの筋を持たせ、きらめく水面の裏側、波紋の中で揺れる太陽、そして光のビームを泳ぐ魚に当たる同じ光の斑紋を表現します。水中シーン、下から見た海、水族館、リーフ、ケルプの森、ダイビングや難破船のシーン、魚群、水中を通る光条や光のビーム、コースティクス、「海を照らす光の筋」、背景の水面の波紋などに使用します。再利用可能なモジュールと Blue Hour のイワシ群デモを含みます。
公式 AWS4 アイコンライブラリを使用して、検証済みの AWS アーキテクチャ図を draw.io XML として生成します。ユーザーが AWS アーキテクチャ図、クラウドインフラ図、システム設計のビジュアルを作成・生成・設計したい場合に使用します。CloudFormation、CDK、Terraform のコードから既存インフラを可視化する依頼にも対応します。既存のコードベースを分析して図を自動生成するモードと、ゼロから対話形式で構想するモードをサポートします。.drawio ファイルをエクスポートし、draw.io desktop CLI を使って PNG/SVG/PDF にも任意でエクスポートできます。
上質で実用的なミニマリズムとエディトリアル UI。視覚的に重要なウェブタスクでは、まずデザイン画像を自ら生成して詳細に分析し、そのデザインにできるだけ忠実にウェブサイトを実装します。Codex では、小さく圧縮された画像ボードではなく、大きく読みやすいセクション別画像を優先します。古い画像を切り抜くのではなく、セクションや詳細ビュー用の独立した画像を新たに生成し、生成を安易に減らさず、カードを入れ子にした UI を避けます。また、ヒーロー領域はすっきりと広々として読みやすく、小型ノート PC でも見えるようにします。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。