Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
Boost（Bootstrap 5.3）をベースに Moodle 5.1+ のテーマを作成・カスタマイズする。ユーザーが次を望む場合にこのスキルを使用する：Boost 子テーマをゼロから作成する、既存テーマの SCSS スタイルを変更する、Mustache テンプレートをオーバーライドする、管理設定を追加・変更する、レンダラーをカスタマイズする、アイコンやフォントをオーバーライドする、Bootstrap 4 から 5 へ移行する、キャッシュや SCSS コンパイルの問題をデバッグする、出力コンポーネントを作成する、その他 Moodle 5.x の見た目に関わるあらゆる作業。"theme"、"Boost"、"Moodle SCSS"、"Moodle Mustache template"、"theme settings"、"customize Moodle"、"change Moodle styles" などの用語が出た場合もトリガーする。
承認された UI/UX 方向性のブリーフを、`.pen` ファイルをプレーンテキストとして扱うことなく Pencil のデザインワークフローに橋渡しする。プロジェクトに Pencil MCP/ツールの引き継ぎ、編集可能なデザイン探索、デザインシステムを考慮したキャンバス作業、または senior-ui-ux-orchestrator、ui-ux-pro-max、Stitch、Figma の制約が判明した後の Pencil 出力のレビューが必要な場合に使用する。
ポップアップ、モーダル、オーバーレイ、スライドイン、バナーを目的とされた変換のために作成・最適化したいときに使います。「exit intent」「popup conversions」「modal optimization」「lead capture popup」「email popup」「announcement banner」「overlay」への言及ABOUTfirmwhen 発動します。ポップアップ以外のフォームについては form-cro を、ページ全体の変換最適化については page-cro を参照してください。
React Native Skia（@shopify/react-native-skia）の完全なベストプラクティス、GPU アクセラレーションによる 2D グラフィックス、60fps/120fps のアニメーションパターン、カスタムシェーダー、iOS と Android 向けの本番最適化。Canvas レンダリング、図形、パス、グラデーション、フィルター、テキスト/フォント、画像、動画、Skottie/Lottie、パーティクルシステム、カスタム SkSL シェーダーを含む React Native Skia コードの作成、レビュー、修正、最適化の際に使用します。@shopify/react-native-skia、Canvas、Circle、Rect、Path、Group、useImage、useFont、LinearGradient、RadialGradient、RuntimeShader、Blur、BlurMask、Shadow、Atlas、Picture、Skia.Paint、Skia.Path、Skia と併用する useDerivedValue、interpolateColors、usePathInterpolation、useRSXformBuffer、BackdropBlur、ImageShader、FractalNoise、Turbulence、Paragraph、TextPath、TextBlob、Skottie、AnimatedImage、drawAsImage、immediate mode と retained mode の比較、その他 Skia ベースの描画/アニメーションを含むタスクでトリガーされます。また、ユーザーが React Native Skia でチャート、描画キャンバス、プログレスリング、パーティクルエフェクト、すりガラス、ネオン発光、画像フィルター、その他の GPU アクセラレーション グラフィックスを構築したい場合にもトリガーされます。
RYUX は AI エージェントとデザイナー向けのデザインインテリジェンスです。作業内容を伝えると、Analyze（既存インターフェースの理解）、Design（Figma、pen.dev、モックアップでの UI・UX の作成や改善）、Build（コードでの実装）、Critique（根拠に基づく優先変更点の特定やヒューリスティック評価）、QA（デザインに照らしたビルドの検証）に振り分けます。タスクに必要な知識（プロダクト、UX、UI、インタラクション、フォーム、コンテンツ、アクセシビリティ、レスポンシブ、デザインシステム、フロントエンド、低品質化の防止）のみを読み込み、品質ゲートで締めくくります。RYUX の名前がリクエストに含まれていなくても、あらゆる UI、UX、コピー、フロントエンド、デザインレビュー、デザイン分析のほか、イラスト、3D、画像、アイコン、ロゴ、モーションなどのプロダクトビジュアルに使用します。
UI/UX プロジェクトで、`ui-ux-pro-max` がデザインインテリジェンスを生成した後、Figma/コード実装の前に、Google Stitch または Stitch MCP/API ワークフローを使って迅速な AI UI 探索を行う場合に使用する skill。この skill は、UX、SEO/LLM、ブランド、アクセシビリティ、Pro Max の制約を Stitch 用プロンプトに変換し、Stitch の出力を評価し、Figma/コードの引き継ぎを準備し、シークレットを露出せずに Stitch API/MCP の設定を確認し、Stitch が相反する信頼できる情報源になるのを防ぐ。
SwiftUI iOS の機能コードを WCAG 2.2 Level A/AA に照らしてアクセシビリティ監査し、そのまま適用できる修正を返す。SwiftUI のビュー／画面（認証、フォーム、設定、カスタムコントロールを含む）をレビューする際に、標準へのトレーサビリティ（WCAG + WCAG2Mobile の解釈）と、簡潔で優先度別にグループ化された Markdown 形式の実用的で最小限のコード変更、およびコードでは判断できない挙動に対するユーザーによる追加確認の両方が必要なときに使用する。
ASP.NET Core アプリケーションで Syncfusion Bullet Chart を実装するためのガイド。比較パフォーマンスの可視化、KPI ダッシュボード、進捗トラッキング、目標比較チャート、または実績値と目標値の表示が必要なあらゆるシナリオを構築する場合にこの skill を使用します。Bullet Chart は、実際のパフォーマンスと目標ベンチマークをコンパクトな形式で効果的に比較できます——ダッシュボード、エグゼクティブサマリー、パフォーマンス監視システムに最適です。ユーザーが bullet chart、performance comparison、target visualization、KPI dashboard、progress bars with targets に言及したときにトリガーします。
Syncfusion を使用して ASP.NET Core でインタラクティブな階層型 TreeMap 可視化を実装します。複数のレイアウト、カラーマッピング、ドリルダウン機能、インタラクティブ機能を備えた階層データ用のツリーマップを作成します。ユーザーが階層データ構造を可視化する必要がある場合、相対的なサイズを持つネストされたカテゴリを表示する場合、インタラクティブなドリルダウンナビゲーションを実装する場合、ツリーマップによるデータ探索を可能にする場合に、この skill を使用します。
比例データと階層データの可視化のための Syncfusion Flutter Pyramid Charts (SfPyramidChart、PyramidSeries) を実装する。Flutter でピラミッドチャート、ファネル形式の可視化、セグメントベースのデータ比較を扱う場合に使用する。このスキルでは、シリーズ構成、セグメントの分離、ギャップ比率、PyramidMode、データラベル、凡例、ツールチップのカスタマイズを扱う。
コンパクトで軽量なデータ可視化のための Syncfusion Flutter Spark Charts (SfSparkLineChart、SfSparkAreaChart、SfSparkBarChart、SfSparkWinLossChart) を実装する。Flutter ダッシュボードでマイクロチャート、スパークライン、KPI インジケーター、インラインのトレンドチャートを扱う場合に使用する。このスキルでは、4 種類すべてのスパークチャートの構成、データバインディング、マーカー、ツールチップ、トラックボールを扱う。
Tailwind CSS v4 のベストプラクティススキル。ユーティリティファーストのパターン、@theme 変数、レスポンシブデザイン、ダークモード、カスタムスタイル、パフォーマンス、アクセシビリティ、Figma から Tailwind へのテーマ生成ワークフローを扱う。ユーザーが Tailwind、tailwindcss、@theme、ユーティリティクラス、Tailwind 設定、Figma デザイントークンに言及した場合、または Tailwind CSS プロジェクトの構築、設定、監査、移行（v3 から v4 への移行を含む）を依頼した場合に使用。
ウェブサイト、ランディングページ、アプリ、ダッシュボード、ドキュメント、スライド（HTML/CSS、Tailwind、React、shadcn）から「AIっぽさ」を取り除きます。あらゆるインターフェースの作成やレビュー、「AIっぽさを減らす」「より人間らしく」「テンプレート感を減らす」「SaaS感を減らす」デザインの依頼、ビジュアル参考（Pinterest、Dribbble、Awwwards）を求められたときに使用します。ブリーフ、コーディング前のラフ、ブラウザーでの参考探し、デザインシステム、構築、検出ツールによる監査まで、全工程をカバーします。2秒で気づかれる定番の特徴を見抜きます。タイトル上のアイブロウ、タイトル内のグラデーションや別色の単語、側面にボーダーのあるカード、点滅するドット付きチップ、アイコンの代わりの絵文字、Tailwindの紫、あらゆる要素のピル型、グラスモーフィズム、「仕組み」の3ステップ、末尾にイタリック体を使ったPlayfair、画像のないサイト、パン屋向けに見えるSaaSサイトなどです。@greco_devのスレッドへの51件の返信に基づきます（2026年10月）。
shadcn/ui コンポーネント（Radix UI + Tailwind ベース）、Tailwind CSS のユーティリティファーストなスタイリング、canvas ベースのビジュアルデザインを使って、美しくアクセシブルなユーザーインターフェースを作成します。ユーザーインターフェースの構築、デザインシステムの実装、レスポンシブレイアウトの作成、アクセシブルなコンポーネント（ダイアログ、ドロップダウン、フォーム、テーブル）の追加、テーマや色のカスタマイズ、ダークモードの実装、ビジュアルデザインやポスターの生成、複数のアプリにわたる一貫したスタイルパターンの確立に使用します。
WCAG 2.2 AA 標準に準拠しつつ高いデザイン品質を維持する、アクセシブルで本番品質のフロントエンドインターフェースを作成する。アクセシビリティ準拠（WCAG、ADA、Section 508、EN 301 549）が求められる、または望まれるあらゆる Web コンポーネント、ページ、ダッシュボード、アプリケーションを構築する場合、または既存の UI コードのアクセシビリティ問題を監査/修正する場合にこのスキルを使用する。包括的な W3C WAI アクセシビリティの知識と独自のフロントエンドデザイン原則を組み合わせる。
World of Warcraft XML schema の完全なリファレンス — アドオン XML ファイルで UI フレーム、テクスチャ、フォント、アニメーションを定義するために使われるすべての XML 要素、属性、型、デフォルト値、継承関係を網羅する。<Ui>、<LayoutFrame>、<Frame> とそのすべてのサブタイプ（Button、EditBox、Slider、StatusBar、Cooldown など）、<Texture>、<MaskTexture>、<Line>、<FontString>、<Font>、<FontFamily>、<AnimationGroup>、<Animation> とそのすべてのサブタイプ（Alpha、Scale、Translation、Path、Rotation）、さらに <Anchors>、<Layers>、<Scripts>、<KeyValues>、<Color>、<Gradient>、<TexCoords>、<Shadow> などの共有要素を扱う。使用場面：WoW アドオン XML ファイルを書く、または読む、XML でフレームを定義する、XML テンプレートを設定する、または XML 属性と API の対応関係を理解する。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。