Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
ブランド向けに、ワードマーク、ロックアップ、シンボルのみ、文字をシンボル化したデザイン、モノグラムなど、異なる構成の実用レベルのロゴ案を複数作成します。設計意図、適用仕様、意思決定に役立つプレゼンテーションも提供します。ロゴに加え、色、書体、ボイス、各種用途を含むシステム全体を作成する `brand-identity` とは異なり、ロゴそのものを掘り下げます。書体のスタイル、シンボルのアプローチ、用途に応じた設計（16px のファビコン、刺繍、看板、モーション）、制作仕様（SVG 対応、単色、反転）を扱います。ロゴデザイン、ワードマーク、モノグラム、ロックアップ、ロゴ案、ロゴの反復、再設計や調整、ロゴの刷新、文字をシンボル化したデザイン、既存ブランドのロゴ案の検討などで起動します。ブランド全体の構築（`brand-identity` を使用）、ポジショニングや戦略（`brand-discovery` を使用）、プロジェクト全体のクリエイティブディレクション（`creative-direction` を使用）、単発のイラストには使用しません
Novu 流の通知ワークフローを設計します。チャネルの選択、重要度の設定、ワークフローを重要とする条件の決定、ダイジェストの設定、購読者の状態に基づくルーティングを行います。ダッシュボードで作成するワークフローと、コード優先（`@novu/framework`）のワークフローの両方に対応します。新しいワークフローの計画、チャネルの選定、重要度の決定、ダイジェスト動作の設定、またはユースケース（注文確認、支払い失敗、アカウント停止、コメント、トライアル期限切れ、パスワードリセット、Webhook ファンアウト、取得後に通知）に合う実績あるテンプレートの選択に使用
クリエイティブな作業の方向性がまだ定まっていない場合に使用します。インスピレーション探し、ルックやスタイルの探索、選択肢となるコンセプトの提案、ムードボードやリファレンスボードの作成、ビジュアルリサーチ、既存アセットからのスタイル抽出、画一的な AI 風の出力からの脱却に対応します。保存済みの Scenario コレクションを、新しいバッチのアートディレクションに使う場合にも適しています。キーワード：インスピレーション、ムードボード、リファレンス、アートディレクション、スタイル探索、コンセプト、偶然の発見、アイデア創出、驚かせて。
ユーザーが「フロントエンドを構築」「ランディングページを作成」「shadcn コンポーネントを追加」「shadcn blocks をインストール」「shadcn をセットアップ」「ヒーローセクションを追加」「料金セクションを追加」「Tailwind で UI を構築」「shadcnblocks を使用」「UI ブロックを追加」「問い合わせフォームを追加」「ダッシュボードを構築」「EC ページを作成」「ナビバーを追加」「フッターを追加」と依頼した場合、または shadcn/ui コンポーネントと Tailwind CSS を活用できるフロントエンドを構築している場合に使用します。ShadcnBlocks の 1,338 個のプレミアムブロックと 1,189 個の無料コンポーネントに関する知識を提供し、あらゆるフロントエンドタスクに適した UI 要素を選択してインストールできます。
Android、Desktop、iOS、Web 向け UI 開発の Compose および Compose Multiplatform エキスパートです。Compose API（@Composable、remember、LaunchedEffect、NavHost、MaterialTheme、LazyColumn、Modifier、recomposition）、Compose Multiplatform（commonMain、expect/actual、Res.*、ComposeUIViewController、UIKitView、ComposeViewport）、Android TV（tv-material、D-pad、focus、Carousel）、Material 3 モーション、アトミックデザインシステム、デザインからコードへのワークフロー、Paging 3、ナビゲーションに言及した場合に使用します。GitHub PR URL やレビュー表現（「review this PR」「what's wrong with this」）でレビュー モードを起動します。session_start 時に Compose プロジェクトを自動検出します。実際の androidx/androidx および JetBrains/compose-multiplatform-core のソースに基づいています。トリガーの全範囲は SKILL.md の「## When this skill applies」を参照してください。
UI/UX デザインの品質、デザインシステムの検証、アクセシビリティ準拠、レスポンシブデザインパターン、コンポーネントライブラリアーキテクチャ、ビジュアルデザインの一貫性を含む、包括的なフロントエンドデザインレビューを実施します。デザイン仕様、Figma/Sketch ファイル、デザイントークン、インタラクションパターン、ユーザー体験フローを評価します。ユーザビリティの問題、アクセシビリティ違反、デザインシステムからの逸脱を特定し、実行可能な改善案を提示します。重大度別の指摘、ビジュアル例、実装ガイドラインを含む詳細なデザインレビュー報告書を作成します。フロントエンドデザインのレビュー、デザインシステムの検証、アクセシビリティ準拠の確認、コンポーネントライブラリの評価、レスポンシブデザインの評価、またはデザインレビュー、UI/UX レビュー、Figma レビュー、デザインシステム検証、アクセシビリティ監査、フロントエンドデザイン品質について言及された場合に使用します。
Moda で 1 ページから 50 ページまでのドキュメントをデザインします。1 ページ資料、レポート、ブリーフ、ホワイトペーパー、提案書、ファクトシート、配布資料、インフォグラフィックに対応します。ライブキャンバス上で US-Letter／A4 のページを作成し、テキスト選択可能な PDF として書き出せます。任意のページ数の PDF、ニュースレター、メール HTML、「この markdown／README をデザインされた見た目にして」に使用します。印刷物（ポスター、チラシ、メニュー、履歴書、カード）には moda-document-print、スライドには moda-deck、アニメーション／モーションには moda-video を使用します。
weapp-tailwindcss の全プラットフォーム向けタスクを調整し、最新のセキュリティ基準を提示します。ユーザーが weapp-tailwindcss、Tailwind CSS in mini-programs、Web CLI、React Native、ReactLynx について一般的に尋ねた場合、または導入、移行、トラブルシューティング、ランタイム、カスタムビルド、ネイティブなクロスプラットフォーム統合のどれかが明確でない場合に使用します。具体的なタスクは、対応する専用 skill に優先的に振り分けます。
Figmaのデザインシステムからデザイントークン、テキストスタイル、変数を抽出し、design-tokens.jsonとすぐに使えるQMLシングルトンを作成します。「Figmaからトークンをエクスポート」「デザイントークンを取得」「デザインシステムを設定」「Figmaのデザインシステムを確認」「Figmaの変数をQMLに取り込む」「Figmaからカラーパレットを取得」「デザイントークンをインポート」「Figmaから色／タイポグラフィ／スペーシングを抽出」など、Figmaからデザインシステムを取り出したい場合に使用します。Figmaを情報源とするデザインシステムのワークフロー開始時にこのスキルを実行します。
Kuikly UI フレームワーク開発アシスタント（従来の Kuikly DSL）。Kuikly コンポーネント（View、Text、Button、List、Image、Modal、ActionSheet、Input、Scroller、Tabs などの UI コンポーネント）やモジュール（Router、Network、SP、Notify などのシステムモジュール）の利用を支援し、正しい import 文、API の使い方、完全なコード例を自動で提示します。Kuikly のページ開発、コンポーネントの使用、レイアウト実装、イベント処理、FlexBox レイアウト、リアクティブな状態管理、アニメーション、ページ遷移、ネットワークリクエスト、リスト描画、カスタムコンポーネント／モジュールの拡張、Kuikly のコーディングに関する問題、KuiklyUI 開発に利用できます。Compose DSL 構文を使用する場合は、kuikly-compose-ui-framework skill を使用してください。
GraphQL/REST API、Shopify CLI、Polaris UI コンポーネント、Liquid テンプレートを使用して Shopify アプリ、拡張機能、テーマを構築します。OAuth 認証によるアプリ開発、チェックアウトフローをカスタマイズするチェックアウト UI 拡張、ダッシュボード連携用の管理 UI 拡張、小売向け POS 拡張、Liquid によるテーマ開発、Webhook 管理、請求 API 連携、商品・注文・顧客の管理に対応します。Shopify アプリの構築、チェックアウトのカスタマイズ、管理画面の作成、テーマ開発、決済処理の連携、API によるストアデータ管理、Shopify 機能の拡張に使用します。
HTML 内に SVG ベースの技術図を作成します。フローチャート、シーケンス図、ステートマシン、データフロー図、依存関係グラフ、リクエスト／レスポンスのタイムラインに対応します。技術的な概念、システム、プロセスを可視化、説明、図示、スケッチしたい場合に使用します。空間的または関係性を示す内容には、ASCII アート、Mermaid ブロック、Markdown テキストより SVG を優先します。矢印、ボックス、階層、順序を含む説明では、ユーザーが「図」と言っていなくても使用します。
Figma デザインシステムからコンポーネントのメタデータを抽出し、本番環境に対応した QML コントロールを生成します。Figma コンポーネントを QML ファイルに変換したい場合は、どのような表現であってもこのスキルを使用します。例：「Figma からコンポーネントを生成」「デザインシステムに基づいて QML コントロールを作成」「Figma コンポーネントを QML に変換」「コンポーネントライブラリを構築」「Figma からボタン／入力欄／チェックボックスを抽出」など。design-tokens.json と QML デザインシステムのシングルトンが（トークン抽出スキルによって）すでに存在している必要があります。Figma MCP でコンポーネントを1つずつ調べ、バリアント、状態、サイズ、トークンの使用方法を、慣用的な Qt Quick Controls 2 のパターンに対応付けます。QML デザインシステムのワークフローでは、コンポーネント生成段階でこのスキルを起動します。
Lucian UX/UI Prompt（lucianlabs.dev/uxui-prompt）を使って、サイト、ページ、コンポーネントを構築します。これは、洗練された依存関係不要のインタラクティブなUI要素を集めた拡充中のライブラリで、ライト／ダークテーマ、キーボードとタッチ操作、モーション低減に対応します。ボタン、トグル、入力欄、メニュー、タブ、カード、サインインとサインアップ、トースト、ローダー、空状態とエラー状態、チャート、エディター、ダッシュボード、スケジューラー、カンバンボードなどのアプリ用ツールに加え、ヒーロー、料金、推薦文、登録フォーム、テキストやスクロールのアニメーション、製品紹介、アニメーションチャートなどのウェブサイトセクションとモーションを扱います。ライブラリを検索し、選択した要素だけを取得して、プロジェクトのフレームワークとテーマに移植します。ユーザーがlucian-uxui、Lucian UX/UI、lucianlabsの要素を指定した場合、またはそれらを使うUIの構築を依頼した場合に使用します。例：「build a landing page with lucian-uxui」、「lucian-uxui 스킬로 사이트 만들어줘」、「루샨 UX/UI 요소로 로그인 화면 만들어줘」。バックエンド作業やライブラリ自体の編集には使用しません。
コンバージョン率最適化の科学、説得力のあるデザイン心理学、訪問者を顧客に変えるページ制作の技術を組み合わせた、ランディングページの高度な知見を提供します。ランディングページはマーケティングが現実に直面する場であり、訪問者が決断する重要な瞬間です。優れたランディングページは見た目が良いだけでなく、コンバージョンを生み出します。最高のデザイナーは、すべての要素に意味が必要であり、摩擦は敵で、目的は感心させることではなくコンバージョンにつなげることだと理解しています。速度、明確さ、説得力の完璧なバランス。「landing page、conversion page、lead capture、signup page、pricing page、hero section、above the fold、CTA design、conversion rate、page optimization、lead gen page、squeeze page、sales page、landing-pages、conversion、CRO、design、optimization、lead-generation、signups、forms」が言及されたときに使用します。
料金ページ、料金モデル、料金戦略を最適化します。料金、料金ページ、製品の価格設定、段階制料金、フリーミアムと有料プランの比較、価格テスト、価格心理学、料金ページのデザインに関する質問に使用します。トリガーフレーズには「pricing」「pricing page」「how to price」「pricing strategy」「freemium」「tiered pricing」「per-seat pricing」「usage-based pricing」「pricing experiment」「price anchoring」「pricing psychology」「pricing optimization」が含まれます。
Syncfusion Blazor DataGrid（SfGrid）を実装し、並べ替え、フィルタリング、ページング、グループ化、編集、集計、仮想化、遅延読み込みグループ化、行または列の結合など、効率的な表形式の操作を実現します。Blazor Server、WebAssembly、Web App、MAUI アプリケーションでデータグリッドのワークフローを構築する際に使用します。Excel/PDF エクスポート、仮想スクロールまたは無限スクロール、カスタマイズ可能なテンプレート、グリッド状態の永続化に対応し、一貫性のある最適化されたデータグリッド動作を実現します。
registry、Base UI、Radix、React Aria、テーマ設定、フォーム、テーブル、チャート、サイドバー、アクセシブルなコンポーネントを使って shadcn/ui をインストール、構成、調整します。components.json や既存の shadcn 統合コンポーネントがある場合、または shadcn の明示的な要望がある場合に使用します。コピーしたコードは常にプロジェクトコードとして扱い、不透明な依存関係として扱わないでください。トークン/ユーティリティシステム自体には使用せず、Tailwind CSS スキルと併用してください。代替コンポーネントギャラリーには使用せず、react-ui-components を使用してください。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。