Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
インタラクティブなデータ範囲選択とチャートナビゲーションのために Syncfusion Blazor RangeNavigator を実装します。範囲セレクター、範囲ナビゲーター、SfRangeNavigator、Syncfusion.Blazor.Charts.RangeNavigator、時系列フィルタリング、チャートの日付範囲ピッカー、データズーム、スライダーナビゲーション、つまみによる範囲選択、期間セレクター、大規模データのチャート範囲選択に言及した場合に起動します。
AI生成または既存の動画や連番画像を、スクロール、ポインター、ドラッグ、タッチ、デバイスの向き、音声、データ、状態の変化に連動するウェブアニメーションに変換します。動きの方向を設計し、キーフレームと動画を生成して、スプライトシートまたは動画にまとめ、タイムラインをコンパイルしてランタイムに接続します。キャラクターのターンアラウンド、製品の分解表現、カメラの通り抜け、一続きのショットのトランジションが必要な場合や、グリーンスクリーン動画やスプライトシートのクリーンアップ、クロマキー処理、フレーム補間、圧縮が必要な場合に使用します。CSS、JS、SVG、Lottie、リアルタイム3Dだけで実現できるインターフェースのトランジションやマイクロインタラクション（通常のフロントエンド実装に任せるもの）には使用しません。また、単独の映像編集、単一のイラスト、静的ページにも使用しません。
プレミアム品牌ビジュアル生成スキル。ハイエンドなブランドガイドライン、ロゴシステム、アイデンティティプレゼンテーション、ビジュアルワールド展開の制作に対応。ミニマリスト、シネマティック、エディトリアル、ダークテック、ラグジュアリー、カルチャル、セキュリティ、ゲーミング、デベロッパーツール、コンシューマーアプリなどのブランドシステムに対応。インテンショナルなロゴコンセプト、洗練されたコンポジション、スパースタイポグラフィ、強いシンボリック表現、プレミアムモックアップ、アートディレクションされた画像、柔軟なグリッドレイアウトに最適化。
Blazorアプリでコンパクトなインライン傾向表示を実現するSyncfusion Blazor Sparkline Chartsを実装します。ミニチャート、KPI指標、ダッシュボードのスパークライン、ワードサイズのデータ可視化に使用します。折れ線、面、縦棒、WinLoss、円のスパークラインに加え、データラベル、マーカー、特殊な点（高値／低値／負値）、範囲帯、ツールチップ、外観のカスタマイズを扱います。ダッシュボード、インライン傾向付きデータテーブル、メールレポート、コンパクトな傾向指標が必要なモバイルデータ可視化に適しています。
ページのヒートマップが示す内容を評価し、具体的な変更を提案します。URL のクリック、レイジクリック、スクロール深度のデータを取得し、同じページの自動キャプチャイベントと照合して注目要素を特定します。また、ユーザーが PostHog で開ける保存済みヒートマップを作成し、行動を要約して改善案を提示できます。 起動条件：ヒートマップの内容、クリックされない理由、レイジクリックの場所、スクロール距離、ヒートマップ／クリックデータに基づくページの変更点を尋ねる場合、または URL のヒートマップの分析／評価／レビューを依頼する場合。 起動しない条件：分析なしで保存用のヒートマップ画像だけを作成したい場合（heatmaps-saved-create を直接使用）、またはセッションリプレイ全般について尋ねている場合（investigating-replay を使用）。
Code Connect マッピングツールを使って、Figma のデザインコンポーネントとコードコンポーネントを接続します。ユーザーが「code connect」「このコンポーネントをコードに接続」「このコンポーネントをマッピング」「コンポーネントをコードにリンク」「code connect マッピングを作成」と言った場合や、Figma デザインとコード実装のマッピングを求めた場合に使用します。`use_figma` でキャンバスに書き込む場合は `figma-use` を使用してください。
Mermaid 図の作成、検証、レンダリングに対応する専門スキルです。2 種類のエンジンによる出力（SVG/PNG/ASCII）をサポートします。C4 アーキテクチャ、サービスアイコン付き AWS architecture-beta、フローチャート、シーケンス図、ERD、状態図、クラス図、マインドマップ、タイムライン、Git グラフ、サンキーダイアグラムなど、20 種類以上の図に対応します。コードからの図の分析、一括レンダリング、15 種類以上のテーマ、構文検証も備えています。図の作成、アーキテクチャの可視化、Mermaid ファイルのレンダリング、ASCII 図の生成、システムフローの文書化、データベースのモデル化、AWS インフラの描画、コード構造の分析、または「mermaid」「diagram」「flowchart」「architecture diagram」「sequence diagram」「ERD」「C4」「ASCII diagram」に関する依頼に使用します。Mermaid 以外の画像生成、チャートライブラリを使ったデータのプロット、一般的なドキュメント作成には使用しないでください。
穏やかで自然な動きで、描かれたものに命を吹き込みます。キャラクターや生き物（瞳の動き、まばたき、呼吸、首の傾き）、全身の動作（着地、手を振る、寄りかかる、浮遊、ボールを蹴る）、植物、布、火、煙、水、天候、照明、機械、乗り物、アイコン、ロゴ、チャート、シーン全体に対応します。イラスト、アイコン、マスコット、シーンのアニメーション、「生きているように」見せる動きや待機モーションの追加、静止画のアニメーション化、参考動画の動きの再現を求められた場合に使用します。軽量なモーションエンジン、React Native（react-native-svg + Reanimated）と SwiftUI（TimelineView + Canvas）のテンプレート、参考動画をフレームごとに計測するツール、スマートフォンのフレーム内も含むオフライン動画レンダリングを備えています。この手法は Web にも適用できます。
Blazorアプリケーションでフローを可視化するために、Syncfusion Blazor Sankey Diagram（SfSankey）コンポーネントを実装するための包括的なガイドです。Sankey図、フローの可視化、プロセスフローを扱う際に使用します。このスキルでは、ノードとリンクの設定、データバインディング、フロー量の表現、図のカスタマイズを扱います。エネルギーフロー、サプライチェーンの関係、ユーザージャーニーマップ、トラフィック分析など、カテゴリや段階間のフローを扱うあらゆるシナリオの可視化に適しています
Apple の Liquid Glass デザイン言語と Human Interface Guidelines を使って、ネイティブの macOS/iOS アプリを構築します。SwiftUI インターフェースの作成、半透明マテリアルの実装、カード／行／バッジのデザイン、SF Symbols の適用、Apple HIG の間隔／タイポグラフィ／カラーシステムへの準拠、Apple プラットフォームにネイティブなアプリの構築に使用します。macOS アプリ、iOS アプリ、SwiftUI UI、Apple 風デザイン、ガラス効果、マテリアル背景、ネイティブアプリのデザインで起動します。
NocoBase 2 専用。NocoBase 3 プロジェクトでは絶対に使用しないでください。内部の継続処理専用です。ユーザーからの未処理の UI リクエストに対して、このスキルを選択してはいけません。nocobase-portal-manage が有効な Portal をちょうど 1 つ特定し、portalType=no-code を確認した後、または実行環境で capabilities.multiPortal === false を証明した場合に限り使用します。Portal の数や `isDefault` マーカーだけでは有効になりません。nb api 経由でバックエンドの flow-surfaces を通じて、NocoBase Modern UI のページ、ブロック、メニュー項目、フィールド、アクション、レイアウト、リアクション、AI 従業員の配置を作成します。未解決の UI リクエストはまず nocobase-portal-manage に渡します。AI Portal が 1 つだけの場合は、ソースコード実装へ自動的に引き継がれます。AI 従業員のライフサイクル作業は nocobase-ai-employee に、明示的な DSL、YAML、git、cli のプッシュワークフローは nocobase-dsl-reconciler に引き継ぎます。ACL、データモデリング、ワークフローのオーケストレーション、ブラウザーでの再現、ページエラーの事後分析、Portal のライフサイクル、AI Portal のソースコード UI、Modern 以外のページナビゲーションには対応しません。
カスタムコードの Databricks Apps（AppKit/React）のデータ画面（KPI／概要ページ、レポート、チャート、テーブル、Genie／チャットのデータアシスタント）の UX を設計し、具体的な AppKit コンポーネントに対応付けます。データを表示したりデータに関する質問に回答したりする AppKit/React アプリの UI を構築またはレビューする際に使用します。画面の種類、レイアウト、チャート、KPI、セマンティックカラー、必須状態（読み込み／空／エラー）、IBCS 表記、AI の結果への信頼性（Genie／チャットで生成 SQL／ソースを表示）の選定が対象です。単に「ダッシュボードを作成」と依頼された場合は、マネージド AI/BI（Lakeview）ダッシュボードを意味するため、databricks-aibi-dashboards を使用し、このスキルは使用しません。データ以外のフロントエンド（フォーム、設定、認証、マーケティング）や、スキャフォールディング／ビルド／デプロイ（databricks-apps を使用）も対象外です。databricks-apps を補完するもので、カスタムアプリにチャート、テーブル、KPI、レポート、Genie／チャット／AI の画面がある場合は併用します。
Figma ファイルとコード（HTML/CSS/React/Vue/Tailwind）を 19 項目のルールで監査します。フレームワークとデザインシステム（MUI、Chakra、shadcn/ui、Ant Design、Radix、Bootstrap）を自動検出します。aria、フォーカス、コントラスト、トークン、レスポンシブ、モーション、フォーム、ナビゲーション、余白、状態、マイクロコピー、エレベーション、アイコン/SVG など全 19 カテゴリでコード superpowers を実行します。色覚障害のリスクを警告し、ダークパターン、倫理的デザイン、Nielsen のヒューリスティクスを監査します。変更前後の差分、開発者向け引き継ぎレポート、ワイヤーフレームから仕様への変換を出力します。英語と韓国語に対応。デザイン確認、UI レビュー、レイアウト監査、アクセシビリティ確認、デザインレビュー、色のコントラスト、WCAG、a11y、ピクセルパーフェクト、Figma 監査、CSS チェック、ダークパターン、GDPR 準拠、操作的かどうか、フォームのアクセシビリティ、ダークモードの確認、ワイヤーフレームから仕様への変換、ヒューリスティックレビュー、Nielsen 監査、ユーザビリティヒューリスティクス、および韓国語での同様の依頼で起動します。
ブランド構想の初期段階で、ポジショニングの方向性、命名候補、ムードの方向性、ストーリーの切り口などのブランドコンセプトを生成、評価、絞り込みます。ブランド作成の初期段階で方向性を探る、名前をブレインストーミングする、ムードボードを作成する、ポジショニング案を生成する、複数の方向性から選ぶ場合に使用します。brand ideation、brand concept、naming、brand name、name candidates、positioning、brand positioning、mood board、brand directions、exploring brands、early brand work、brand exploration、brand brainstorm、brand options で起動します。「ideation」と明言していなくても、複数の未整理なブランド案を一つに絞る必要がある場合にも起動します。
Direct game art and creative vision. Turn GAME_DESIGN into ART_DIRECTION defining a recognizable visual identity, functional visual and audio feedback, and key in-game moments. Use for what should the game look like, set the art direction, define the visual style. 游戏美术与创意方向。把 GAME_DESIGN 转成 ART_DIRECTION，定义可辨识的视觉身份、服务玩法的视听反馈和关键游戏时刻。用于判断游戏应该长什么样、制定游戏美术方向等需求。
`hiui-page-workflow` などの大規模なページワークフローにおける標準的な S0 前提スキルです。B2B バックオフィスおよび HiUI ページの生成前に、要件を具体化します。曖昧または抽象的なバックオフィス／管理画面／運用画面／設定画面／承認フローの要件を、実行可能なプロダクト計画、MVP の範囲、ユーザーフロー、業務ルール、追跡可能なページ一覧、プロダクト PRD、全体の生成コンテキスト、ページ単位のプロンプト、HiUI 引き継ぎパッケージに具体化します。バックオフィス製品のアイデアの明確化、概略要件の PRD やプロダクト計画への変換、一覧／詳細／編集／設定などの作業領域の分解、ロール権限／データ権限／状態マシン／監査ルールの定義に使用します。必要に応じて、権限マトリクス、状態遷移表、フィールド辞書、例外・監査マトリクス、一括処理・インポート／エクスポート仕様、既存システムの改修・リリース戦略も補完します。さらに、ビジネス価値の分析、優先順位の提案、選択肢のトレードオフ、マルチテナント／バージョン／プロビジョニングモデル、マスターデータとシステム境界、アンチパターンの特定、リスク提示など、B2B プロダクトの専門的な判断も担い、曖昧な要件を継続的に実行可能な入力へと変換します。既存のプロジェクトやリポジトリに関する要件では、リポジトリ内のページ、モジュール、API、型、ドキュメントを踏まえ、コンテキストに即して要件を具体化します。
要件の詳細化からエンドツーエンドの生成・受け入れまで、React / HiUI ページを対象とします。曖昧な製品要件からのページ生成と受け入れ、HiUI ページのテスト前確認、ページ生成後のユーザー体験レビュー、要件から実装、UX 受け入れまでの一連の作業に使用します。hiui-refine、hiui-design、ux-walkthrough を編成し、requirementGate、generationInputGate、uxGate によって要件確認、ページ生成入力の確認、エンジニアリング受け入れ、段階的な UX 受け入れ、before/after のスクリーンショット、修正完了、レポート出力を制御します。
高級なフロントエンド画像指導スキル。プレミアム品質で、コンバージョン対応のウェブサイトデザインリファレンスを生成します。重要な出力ルール — 各セクションごとに 1 つの独立した横長画像を生成します。8 つのセクションを持つランディングページは 8 つの画像を生成します。複数のセクションを 1 つの画像に圧縮しないでください。構図の多様性（常に左テキスト/右画像ではない）、背景画像の自由度、異なる CTA、異なるヒーロースケール（巨大/中程度/ミニマリスト小）、ナラティブコンセプトスパイン、二次読み取りモーメント、すべての画像にわたって単一の一貫したパレットを強制します。ランディングページ、マーケティングサイト、開発者またはコーディングモデルが正確に再現できるプロダクトコンプ向けに最適化されています。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。