Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
高品質な Dear ImGui ツール、C++ エディタパネル、ゲーム開発インターフェース、デバッグダッシュボード、可視化画面、デスクトップワークフローを積極的に設計・改善・レビューする。Dear ImGui が明示されている場合、または提供されたコードに `ImGui::`、`imgui.h`、`ImGuiContext`、ImGui バックエンドのシンボルなどの直接的な根拠が含まれる場合に使用する。ラベルのない C++ エディタ/ツールの依頼では、ユーザーが Dear ImGui の適合性を明示的に尋ねた場合にのみ使用し、それ以外はフレームワークの選択を開いたままにする。Qt、GTK、WPF、wxWidgets、JUCE、Slate など他の UI フレームワークを明示的に指定したタスクではトリガーしない。UI アーキテクチャ、情報階層、dockspace レイアウト、デザインシステム、カスタムコンポーネント、UX 状態、キーボード/ゲームパッド操作、DPI/フォント、パフォーマンス、コード品質を扱う。
機械的なセンチネルゲートを備えた、生産レベルのフロントエンドへのワンストップパイプライン：1 通のメッセージでテーマソースをヒアリングし（A 既定の macOS グラスモーフィズムプリセット · B デザインドキュメントのフォルダ/ファイル · C 対象ページの URL を貼り付け）、パラメータを単一の design.md ファイルに固定し（hallmark と impeccable が共通で読み込む）、design-sync.py で tokens.css と frontmatter を生成、hallmark に従ってトークンのみのページを構築、fe-gate.sh（impeccable detect の 61 の決定論的ルール rc 0/1/2 + Playwright 4 ビューポート）と rubric audit/harden/polish を実行し、ゲートがグリーンになるまで納品しない。ユーザーが「frontend production」「production-grade frontend」「dựng FE chuẩn production」「giao diện kỷ luật」「prd-grade-fe」「/prd-grade-fe」と言ったときに呼び出す。hallmark（デザイン基盤、impeccable ゲートなし）とも /br（BR→frame のパイプライン、フロントエンド層を個別に扱わない）とも異なる。
DropDownList、MultiSelect、AutoComplete、Mention、ComboBox、ListBox、MultiColumn ComboBox を含む Syncfusion ASP.NET Core ドロップダウンコンポーネントの実装に関する包括的なガイド。データバインディング、フィルタリング、グループ化、テンプレート、アクセシビリティ機能を備えた単一選択・複数選択コントロール。サーバーサイドのデータバインディングでプロフェッショナルなドロップダウン UI を構築するために必須。
ユーザーが YouTube サムネイルのコンセプトやデザインブリーフを作成したい、サムネイルの CTR を改善したい、サムネイルのスタイルを確立したいときに使用します。また、ユーザーが「サムネイルをデザインして」「サムネイルのアイデア」「サムネイルのコンセプト」「サムネイルを改善して」「サムネイルのブリーフ」「サムネイルがクリックされない」「この動画のサムネイル」と言った場合にも使用します。タイトルとの組み合わせについては title-craft を参照。CTR を含む動画分析については video-analysis を参照。
Vue 3.0 の Vant に関する構造化されたガイダンスを提供します。ユーザーが Vue 3 で Vant を必要とする場合、Button、Cell、Form、Dialog、Toast、Popup、ConfigProvider などのモバイル UI コンポーネント、テーマのカスタマイズ、プロジェクトセットアップについて尋ねた場合、または `vant` や `van-` コンポーネントでモバイルファーストのインターフェースを実装したい場合に使用します。本スキルは Vant 公式サイトと使用ガイドに準拠しており、Vant Vue 3 スキルのエントリとして使用してください。
動作を伴うアクセシビリティ自動化（レンダリングされたページを操作するテスト——ビューポートのリサイズ、実際のキー入力、スクリーンショットの取得と比較——であり、静的マークアップや単一の計算済みアクセシビリティツリーの検査にとどまらないもの）を書く、レビューする、解釈するときにこのスキルを読み込みます。リフローリスク（SC 1.4.10）とフォーカス可視リスク（SC 2.4.7）のチェックを扱います。指標の結果は必ず確認済みの失敗とは別に報告してください。いかなる場合も、問題のない動作スキャンを WCAG 準拠と見なしたり、`cantTell`／テストエラー／指標の結果を単一の合否シグナルにまとめたりしないでください。
Flux（作者：Bas Milius）で Vue 3 UI を構築・編集・レビューする際に使用：@flux-ui/components（ドキュメントは flux-ui.dev）とその同系列の @flux-ui/application（アプリシェル / ダッシュボード）および @flux-ui/statistics（KPI/チャート）。Flux プレフィックスのコンポーネント（FluxPrimaryButton、FluxFormField、FluxPane）、FluxRoot / showConfirm / showSnackbar / showPrompt / showAlert、その composables（useBreakpoints、useFluxStore、use*Injection）、または @flux-ui/* からの任意のインポートでトリガー。これは Vue 3 の Flux（basmilius）であり、fluxui.dev の Livewire/Blade Flux でも Flux web-components ライブラリでもない；それぞれの構文を混在させないこと。
React アプリで顧客向けの Freemius Checkout UI を構築します — Checkout Provider（オーバーレイコンテキスト）、Subscribe（サブスクリプション料金表）、Topup（都度／クレジット料金表）、Paywall、カスタムチェックアウトボタン。React フロントエンドに料金ページ、"upgrade"/"buy credits" ボタン、オーバーレイチェックアウト、またはペイウォールを追加するときに使用します。React Starter Kit の Checkout コンポーネントとフロントエンド Checkout SDK（`@freemius/checkout`）、およびフロントエンドが依存する薄いチェックアウト専用のバックエンドエンドポイント（購入同期 `POST /api/purchase`、`GET /api/checkout/pricing`、ホスト型リダイレクトハンドラー）を扱います。基盤となるチェックアウト作成とエンタイトルメント同期エンジンは依然として `freemius-core` に属します。
React アプリで Freemius Customer Portal を構築します — サインイン済みユーザーがサブスクリプションの管理（アップグレード／プラン変更）、解約（解約を減らすリテンションクーポン付き）、請求情報の編集、支払いの確認と請求書のダウンロードを行うセルフサービス画面です。"Account"、"Billing"、"Manage subscription"、"Invoices" ページを追加するときに使用します。React Starter Kit の Customer Portal コンポーネントと SDK のヘッドレスポータルプロセッサ（`freemius.customerPortal`）を扱います。サーバー側のチェックアウト／エンタイトルメント同期は `freemius-core` です。
高いコンバージョン率のランディングページを、デザインテーマ、コピーフレームワーク（PAS、AIDA、BAB）、CTA 戦略、SEO meta、自動のコンバージョン/速度監査を組み込んだ本番対応の HTML として生成する。ユーザーがランディングページ、キャンペーンページ、リード獲得ページ、プロモページ、ローンチページ、シングルページサイトを求める場合、または既存のランディングページのレビュー、監査、改善を望む場合に使用する — たとえ「landing page」と言わなくても（例：「a page for my product」「somewhere to send ad traffic」「a signup page for the webinar」）。
Interactive MCP visual output via @json-render/mcp: upgrade plain JSON tool responses to dashboards rendered in sandboxed iframes inside MCP clients like Claude, Cursor, and ChatGPT. Use when a tool result would read better as a stat grid, data table, or status badge than as text. For the server itself (transport, auth, tool handlers, security) reach for ork:mcp-patterns.
プロダクトディスカバリーのプロセスを計画または批評する —— 作る前に何を作るべきかを明らかにする。どのリスクを低減しようとしているのか、その判断にどれだけの確実性が必要かを確立し、常に成り立つ核心（フェーズではなく継続、アウトプットよりアウトカム、ソリューションより問題を先に、過去の行動について尋ねる、証拠をリスクに合わせる、検証済みの問題からソリューションを生み出す、倫理的に調査する）を適用し、文脈依存の判断（問題研究かソリューション研究か、定性か定量か、軽量か深掘りか、コミット前にどれだけの確実性が必要か）にゲートを設ける。ディスカバリーの計画、「何を作るべきかを明らかにする」、継続的ディスカバリーの構築、調査計画の設計、顧客/ユーザーリサーチ、解決する価値のある問題の発見、コミット前のプロダクト方向のリスク低減を求められたときにトリガーする。
既存の Web インターフェースを、動作を保ち現在のフロントエンドスタックの範囲内で、洗練されたプロフェッショナルで製品固有の体験へと監査・刷新する。vibe coding で生成された、汎用的、テンプレート的、不整合、時代遅れ、素人っぽい、あるいは明らかに AI 生成の UI を改善したい場合；既存のページ、アプリ、ダッシュボード、ランディングページ、コンポーネントを再設計したい場合；より強いアートディレクション、階層、タイポグラフィ、余白、色彩、レスポンシブ、アクセシビリティ、インタラクション状態、視覚的一貫性を確立したい場合；HTML、CSS、JavaScript、React、Vue、Svelte、Next.js および類似のフロントエンドコードベースにプレミアムな UI 磨き込みを施したい場合に使用する。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。