Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
変更されたフロントエンドコードのアクセシビリティを REVIEW するために使用: ステージ済みファイル、作業中の diff、ブランチ、PR。「review a11y」「is this accessible?」「anything to fix before merge?」などのプロンプト。変更に対する hook や CI の指摘。同梱のインストール不要エンジンを実行し、ファイルをまたぐ JSX/TSX 解析を行い、候補を裁定して、重大度順の WCAG 2.2 AA レビューを file:line の修正、残存するレンダリングリスク、判定とともに返す。リポジトリ全体の監査、日付入りの適合レポート、各国標準、PRD バックログ、アクセシブルなマークアップの作成には、代わりに `ultra11y` を使用。
予算を意識した演出。スクロール連動アニメーションではまずネイティブ CSS を使い、必要に応じて GSAP ScrollTrigger を使用します。Lenis によるスムーズスクロールと無効にするタイミング、分割テキストの表示、ピン留めシーン、性能予算内での canvas と WebGL、マテリアルとしてのシェーダー、画面外での一時停止、読み込み戦略、ページの可読性を保つ reduced-motion と JavaScript 無効時のフォールバックを扱います。マーケティングページ、ポートフォリオ、ローンチページ、ヒーローセクションに使用します。プロダクト UI には使用しません。
タスクが CSS アーキテクチャ、テーマ設定、ビジュアルデザインシステムに関わる場合に積極的に読み込みます。ユーザーが「Tailwind をセットアップ」「ダークモードを追加」「デザインシステムを作成」「レスポンシブにする」「テーマを設定」と言ったときに使用します。Tailwind の設定とカスタムプラグイン、デザイントークンシステム、レスポンシブブレークポイント戦略、ダークモードの実装、コンポーネントバリアントのパターン（CVA/class-variance-authority）、CSS-in-JS の代替、アニメーションのパターンを扱います。
ユーザーが「SVG 図を作成して」「模式図を作って」「ダイアグラムを描いて」「模式図を作成して」「フローチャートを描いて」「プロセスフローを描いて」「ワークフローを描いて」「ワークフロー図を描いて」「SVG 模式図を作って」「プロセス図を作成して」「パイプライン図を作成して」「ブロック図を作成して」「システム図を描いて」「システムアーキテクチャ図」「この SVG を Illustrator で編集できるようにして」「Affinity Designer 用の SVG を準備して」「エディタへの引き渡し」「Illustrator 対応 SVG」「図をデザイナーに引き渡して」と依頼した場合、または図形・矢印・ラベルを含み figure-qa エージェントが検証できる手書きまたはプログラム生成の SVG を求める場合に使用。**新しい Python 駆動の図については代わりに `figures:svg-primitives` にルーティングすること**。このスキルは規約と手書きのリファレンスである。出力は SVG ファイルで、scientific-figure composer がパネルソースとして読み込める。`scripts/editor_prep.py` は完成した SVG を Illustrator/Affinity への引き渡し用のエディタ安全な方言に書き換える。
Syncfusion .NET MAUI Accordion（SfAccordion）を実装する。これは、コンテンツを展開／折りたたむためのスタックヘッダーを備えた縦方向に折りたたみ可能なパネルである。.NET MAUI アプリケーションでアコーディオン、折りたたみパネル、展開可能なリスト、詳細付きの従業員リスト、FAQ セクションを扱う際に使用する。AccordionItem の構成、展開モード、グループ化されたコンテンツ表示を扱う。
デスクトップアプリでの円形データ可視化のための Syncfusion WinUI Radial Gauge (SfRadialGauge) コンポーネントを実装する。ラジアルゲージ、スピードメーター、温度モニター、ダッシュボードのメーターを扱う際に使用する。この skill では、軸の構成、複数のポインター種別 (needle、shape、content、range)、グラデーション付き範囲、注釈、アニメーション、対話的なドラッグを WinUI/.NET デスクトップアプリ向けに扱う。
相互排他的なオプションセレクターを作成する Syncfusion WinUI Segmented Control の実装ガイド。WinUI アプリでセグメント化コントロール、セグメントピッカー、タブセレクター、相互排他的なオプションセレクターを実装する際に使用する。セグメントベースのナビゲーション、フィルターの切り替え、ビューの切り替え、単一選択のボタングループなど、WinUI で 2 つ以上のオプションから相互排他的に選択するあらゆる場面で不可欠。
Vue 3、Vite、pnpm workspaces で構築された Valaxy 静的ブログフレームワーク。Valaxy プロジェクトを扱うときに使用：(1) Valaxy ブログサイトの作成または設定（site.config.ts、valaxy.config.ts）、(2) frontmatter を使ったブログ記事の執筆、(3) Valaxy テーマの開発（valaxy-theme-*）、(4) Valaxy アドオンの開発（valaxy-addon-*）、(5) コンポーネント/レイアウト/スタイルのカスタマイズ、(6) Valaxy monorepo コアフレームワークの扱い、(7) Valaxy のビルドや開発サーバーのデバッグ、(8) Valaxy サイトのデプロイ。トリガー：valaxy.config.ts、site.config.ts、theme.config.ts、defineValaxyConfig、defineSiteConfig、defineThemeConfig、defineTheme、defineAddon、valaxy-theme-*、valaxy-addon-*、pages/posts/、ValaxyMain、useSiteConfig、useFrontmatter、#valaxy/config。
プロフェッショナルな中国語のビジュアルノートカード（视觉笔记卡片/信息图）を、単一ページの HTML インフォグラフィックとして生成し、PNG を自動エクスポートする。ユーザーがビジュアルノート、ナレッジカード、インフォグラフィック、1 ページ要約、ビジュアルサマリー、知识卡片、视觉笔记、信息图、一页纸总结、その他ポスター風のナレッジ可視化の作成を求めたときはいつでもこのスキルを使用する。ユーザーが記事、ブログ投稿、書籍の章、概念を構造化されたビジュアルカード形式に要約したいとき、または既存のビジュアルノートを参照して同じスタイルで作成を求めたときにもトリガーする。このスキルは自己完結型の HTML ファイルと高品質な PNG 画像の両方を生成し、ソーシャルメディアでの共有や印刷に適している。
Windows Forms アプリケーションの構築、保守、モダナイズを、デザイナー駆動の UI、イベント処理、データバインディング、MVP の分離、モダン .NET への移行に関する実践的なガイダンスとともに行う。USE FOR: Windows Forms UI、イベント駆動ワークフロー、クラシックな LOB アプリケーションの作業；WinForms を .NET Framework からモダン .NET へ移行；肥大化したフォームコードの整理。DO NOT USE FOR: 無関係なスタック；この特定のガイダンスを必要としない汎用タスク。INVOKES: リポジトリのコンテキストを調査し、対象ファイルを編集し、変更時に該当するビルド、テスト、lint、検証コマンドを実行する。
デザイナーが Task issue を引き継いでデザインカバレッジを追加するときに、この skill を使用する。以下のような表現でトリガーされる：「I want to design task #X」「help me add Figma references to this task」「create a component spec for this feature」「what UI states need design coverage」「scaffold the design reference section」「what components do I need for this task」「which Figma frames cover this ticket」「add design coverage to task #X」「does task #X have design coverage」「link designs to this task」。デザインシステムの調査、Gherkin シナリオからの UI 状態の導出、構造化された Design Reference の issue への書き戻しを扱う。
inference.sh CLI を使い、GPT-Image-2、FLUX、Gemini、Grok、Seedream、Reve など50以上のモデルで AI 画像を生成します。モデル：GPT-Image-2、FLUX Dev LoRA、FLUX.2 Klein LoRA、Gemini 3 Pro Image、Grok Imagine、Seedream 4.5、Reve、ImagineArt。機能：テキストから画像、画像から画像、インペインティング、LoRA、画像編集、アップスケーリング、テキスト描画。用途：AI アート、製品モックアップ、コンセプトアート、ソーシャルメディア用グラフィック、マーケティングビジュアル、イラスト。トリガー：flux、image generation、ai image、text to image、stable diffusion、generate image、ai art、midjourney alternative、dall-e alternative、text2img、t2i、image generator、ai picture、create image with ai、generative ai、ai illustration、grok image、gemini image、gpt image、openai image、chatgpt image
ユーザーが "UI design"、"user interface design"、"wireframing"、"wireframe"、"design system"、"component library"、"app design"、"web interface design"、"mobile UI"、"atomic design"、"8pt grid"、"Material Design"、"Human Interface Guidelines"、"HIG"、"design tokens"、"responsive design"、"act as a UI designer"、"UI designer mode"、"interface patterns"、"UI kit"、"navigation design"、"form design"、"dashboard layout"、"button styles"、"input fields"、"card components"、"modal design"、"design handoff" について尋ねた場合、またはアプリと Web インターフェースの設計、ワイヤーフレーム、デザインシステム、コンポーネントライブラリに関する専門知識が必要な場合に、このスキルを使用する。AlterLab FC Skills コレクション（VCD 部門）の一部。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。