Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,501 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
SVG アートをアニメーション Lottie JSON に変換する作業を含め、Lottie アニメーションの作成、確認、色変更、修復を行います。ロゴ、アイコン、SVG のアニメーション化、モーショングラフィックス、マイクロインタラクション、ローダー、スピナー、成功／エラー状態、トグル、登場アニメーションの作成、.json/.lottie アニメーションファイルの作成・編集、ブランドカラーやダークモードに合わせた再デザイン、揺れ・バウンス・パルス・フェード・拡大縮小・回転・モーフィング・トリムパス描画効果の追加、歩行サイクルやキャラクターリグの作成、空白表示やループ時のジャンプなどプレーヤーで正しく表示されない Lottie のデバッグに使用します。
印刷またはデジタル表示向けのイベントポスター、プロモーション用チラシ、告知物を、Gemini 3.1 Flash の画像生成（デフォルト）または HTML/CSS で制作する。印刷仕様（塗り足し、300 DPI、CMYK）、構図のフレームワーク、タイポグラフィの階層、背景を扱う。単体の縦長/横長ポスターやチラシに使用する。フィード投稿には social-media-graphic、ウェブ/メールのバナーには banner-design を使用する。トリガーフレーズ："design a poster"、"create a flyer"、"event poster"、"promotional poster"、"announcement design"、"concert poster"、"sale flyer"、"product launch poster"。
Sumi（旧称ux-ui-mastery）は、Phazur LabsによるUX/UIデザインインテリジェンスのスキルスイートです。ルータースキルに加え、認知心理学に基づくUX、Nielsen Norman Groupのヒューリスティクス、UXリサーチ手法、インタラクションとモーションデザイン、アクセシビリティとインクルーシブデザイン、モバイルとデスクトップのUX、多文化対応のi18n UX、エージェント型AIとジェネレーティブUX、アンビエント／ゼロUI、空間・音声UX、デザインシステムとトークン、コンポーネントコード、参照に基づくビジュアルデザイン向けの専門スキルを備えています。
規律ある widget/layout/golden/a11y テスト面を強制する——tester.view.physicalSize x devicePixelRatio を固定し MaterialApp の上に MediaQuery（textScaler/boldText/accessibleNavigation）を重ねる単一の pumpApp ハーネス、決して抑制しないオーバーフロー検出網（オーバーフローは RenderObject ごとに 1 回しか報告されないため、device x scale x bold の組み合わせごとに 1 つの testWidgets）、golden の代わりに計算された getSize/getRect によるフィット・幾何ゲート、loadAppFonts とブロックされた --update-goldens を伴う 2 つの golden レーン（Ahem 幾何 + 固定 OS の実フォント 1 つ）、Directionality 下の RTL golden、色の値に対する純 Dart の WCAG/APCA コントラスト、および meetsGuideline の正直な限界。test/support/harness.dart の作成時、pumpWidget/pumpApp の呼び出し時、「overflowed by N pixels」の失敗の追跡時、takeException/ignoreOverflowErrors/FittedBox/withClampedTextScaling の使用時、matchesGoldenFile の追加時、または isSemantics/simulatedAccessibilityTraversal/meetsGuideline を含む a11y_test.dart の作成時に使用する。
TaxonomicFilter（PostHog のイベント、アクション、プロパティ、コホートなどの選択機能）を、安全かつ根拠に基づいて変更するためのガイドです。機能追加、バグ修正、グループやタブの削除、検索、並べ替え、最近使用した項目、ピン留め、空の状態、読み込みやパフォーマンスの変更、または従来の選択機能、再構築メニュー、ヘッドレスフィルターパネルのリファクタリングに使用します。ユーザーの実際の選択方法、既知の障害パターン、機能一覧、設計原則、意見が分かれる決定事項、根拠の確認先、変更の測定方法をまとめています。
ユーザーが 1 つ以上の動画クリップを持ち、後処理を追加したい場合に使用します。AI 生成のカバーを最初のフレームにする、SRT と同期した HTML/CSS 字幕、見せ場での動くイラストのオーバーレイ、チャプタータグ、エンドカード CTA、その他のタイミング付きモーショングラフィックスに対応します。多くの場合、`/wjs-segmenting-video` の後続工程として使用し、そのスキルが停止した地点（未加工のトリミング済みクリップ＋クリップごとの SRT）から引き継いで、アップロード可能な MP4 を作成します。HyperFrames を基盤とし、すべてを 1 回の最終エンコードにまとめるため、連続した再エンコードは発生しません。トリガー：「カバーを追加」「字幕を追加」「アニメーションを追加」「CTA を追加」「後処理」「post-production」「title card」「kinetic captions」「end card」。
Three.js、React Three Fiber、GSAP、Framer Motion を使い、高度なアニメーションと 3D インタラクティブ体験を備えたモダンでプレミアムな Web サイトを設計、構築、デプロイするエキスパートスキルです。3D 要素を含む Web サイトの構築、没入感のある Web 体験の作成、ページへのインタラクティブな 3D グラフィックスの追加、映画のようなビジュアルの高級ランディングページの制作、アニメーション付きのモダンなスタートアップサイトの設計、WebGL や Three.js のシーン作成、3D モデルを使った製品紹介の構築、または視覚的に印象的で受賞に値する Web インターフェースの制作をユーザーが望む場合に使用します。「Awwwards のような見た目にして」「サイトに 3D を追加して」「インタラクティブなランディングページを作って」「没入感のある体験を作って」「アニメーション付きのプレミアムサイト」「モダンなスタートアップページ」「粒子や地球儀のあるヒーロー」「浮遊する 3D 要素」などの依頼や、Three.js、React Three Fiber、WebGL、GSAP タイムライン、スクロール連動アニメーション、パーティクルシステム、3D 製品ビジュアライゼーション、映画的な Web デザインに関する言及でも起動します。「3D」や「アニメーション」と明示されていなくても対象です。
ui.inference.sh の React/Next.js 向けバッテリー同梱のエージェントコンポーネント。ランタイム、ツール、ストリーミング、承認、ウィジェットを 1 つのコンポーネントに内蔵。機能：ドロップインのエージェント、human-in-the-loop、クライアント側ツール、フォーム入力。用途：AI チャットインターフェース、Agentic UI、SaaS コパイロット、アシスタントの構築。トリガー：agent component、agent ui、chat agent、shadcn agent、react agent、agentic ui、ai assistant ui、copilot ui、inference ui、human in the loop。
機能紹介、デモ、オンボーディング向けに、単体で動作するアプリ機能の HTML/CSS アニメーションを生成します。Chrome で対象アプリを調査し、ユーザーにヒアリングして、構造化ブリーフとアニメーション HTML ファイルを作成した後、ユーザーが承認するまでフリーズ、確認、フィードバックの反復レビューを行います。「css animation」「この機能をアニメーション化」「css walkthrough を作成」「アニメーション walkthrough」と言われた場合や、アプリ機能の CSS ベースのビジュアルデモを作りたい場合に使用します
暗いテーマのアニメーション付き技術図を、自己完結型の HTML+SVG ファイルとして作成します。コネクターが目に見えて流れるフローチャートや、光点としてリクエストがシステム内を移動するアーキテクチャ図（Diagrid/Temporal のランディングページ風）を作成します。フローチャート、ワークフロー、パイプライン、プロセス図、状態機械、システムアーキテクチャ、インフラ、クラウド、マイクロサービス、ネットワークトポロジー図の依頼で使用します。特に「アニメーション」「流れる」「動的」「生き生きとした」「GIF風」や、ランディングページ、README、ドキュメント、製品デモ用の図が求められる場合に適しています。Mermaid ソース（mermaid コードブロックまたは .mmd ファイル）をアニメーション図に変換する場合にも使用します（「この Mermaid をアニメーションに」「このフローチャートを動かして」）。リクエスト、イベント、データ、ジョブ、メッセージ、制御フローなど、動きを表す図では静的な図より優先します。
論文、研究文書、研究テキスト、図のキャプション、研究計画・発表資料、または視覚的に読み取れる参考画像をもとに、コピーして使える AI 科学イラスト用プロンプトを作成したい場合に使用します。論文用図版、科学イラスト、グラフィカルアブストラクト、メカニズム図、技術ロードマップ、実験装置図、モデルアーキテクチャ図、複数パネルの比較図、発表用概要図、参考画像のスタイル転写、未知分野向けテンプレートの作成、PDF、Word、LaTeX、Markdown、要旨、方法セクション、図のキャプション、研究テーマの説明、研究計画、参考画像のアップロードや参照などが対象です。科学図版・研究イラスト用プロンプト、グラフィカルアブストラクト用プロンプト、メカニズム図、技術ロードマップ、実験装置図、モデルアーキテクチャ図、複数パネルの科学図、論文・学会用図版、または論文、研究文書、要旨、方法セクション、図のキャプション、提案書、参考画像、PDF、Word 文書、LaTeX ファイル、Markdown ファイル、研究計画に基づく AI 画像プロンプトを求める場合にも使用します。
登録済みの Skill-封面 アセットシステム、再利用可能なスタイル、出演者の設定、比率別レイアウト、正確な差し替えプロンプトを使って、中国語のソーシャルメディア用カバーを作成・修正します。ユーザーが「skill-cover」「Skill-封面」「实战风格」と明示した場合、登録済みのスタイル／ジェスチャー素材を求める場合、3:4 と 4:3 の登録レイアウトを同時に出力するよう求める場合、参考カバーの人物を現在のデジタルヒューマンのフレームに差し替える場合、または登録済みカバーシステムを拡張する場合に限り使用してください。一般的な「制作封面／生成封面」の依頼には使用せず、dog-skill を使用してください。
Nano Banana Pro（デフォルト）、Nano Banana、Fluxを使い、図、mermaid、インフォグラフィック、D3ダッシュボード、コミック、アイコン、壁紙など、20種類以上の形式で静的なビジュアルコンテンツを作成します。アート、イラスト、図、フローチャート、インフォグラフィック、ヘッダー画像、ブログのソーシャルメディア用サムネイル、ビジュアライゼーション、画像生成、mermaid、アーキテクチャ図、コミック、アイコン、ブログアート、フレームワーク図、D3チャート、背景除去、壁紙に使用します。固定のブランドスタイルによるYouTube／チャンネル／動画のサムネイル、動画やアニメーション（Remotionを使用）、Web UIデザインや統合されたフロントエンドレイアウト（Webdesignを使用）には使用しません。
UI の実装と批評のための構造化されたスクリーンショット分析です。5×5 の空間グリッド、全要素の一覧、デザインシステムの抽出を用いて、事実と美的評価の両面から毎回 UI スクリーンショットを分析します。構築時には、完全な実装ブループリントへと分析を拡張します。デジタルインターフェースの画像ファイル（png、jpg、gif、webp。ウェブサイト、アプリ、ダッシュボード、モックアップ、ワイヤーフレームなど）や、「このスクリーンショットを分析して」「これを再構築して」「このデザインに合わせて」「これをクローンして」といった指示で起動します。写真、ミーム、チャートなどの非 UI 画像は、ユーザーがそれらから UI を作ることを明示的に希望しない限り対象外です。HTML ソースコード、CSS、SVG、テキストとして貼り付けられたコードでは起動しません。
温かみのある紙のようなグレーの背景、大きな黒のスラブセリフ体／中国語ディスプレイ書体、ゆとりのある余白、ドットのベクター分析アイコンを使った、再現性の高いエディトリアル風カバー画像を作成します。「点阵编辑风封面」「暖灰杂志风封面」「Codex + Hyperframes 同款封面」を求められた場合や、左にテキスト、右にアイコンを配置した特定のミニマルなバナーを再現・応用したい場合に使用します。編集可能な SVG とレンダリング済み PNG を出力します。このビジュアルの方向性がない一般的なカバーには使用しないでください。
gen-l10n/ARB ローカライズ契約を強制する。すべての文字列はテンプレート app_en.arb からの AppLocalizations を経由し、key とプレースホルダーの一致、nullable-getter:false により欠けた key はコンパイルエラーになり、連結より ICU plural/select、方向対応のジオメトリのみを使用（EdgeInsetsDirectional、AlignmentDirectional、TextAlign.start、Icons.adaptive）、混在スクリプトのランには FSI/PDI で分離、ロケールごとの NumberFormat と固定した記数法、保存は正規の UTC エポック + ASCII でレンダリング時のみ投影、解析前に ASCII へ正規化、そして flutter_localizations にないロケール向けに 3 つのベンダー提供 LocalizationsDelegates を Global* より前に置く。ARB key の追加や翻訳、RTL 画面の構築、日付/数値/数字のフォーマットや解析、l10n.yaml、AppLocalizations、MaterialApp localizationsDelegates の配線、Flutter にないロケール（ckb）のサポート、Tooltip でクラッシュしたり LTR で描画されるロケールの修正、バンドルフォントのグリフ対応の確認、技術 ID の分離、app_*.arb の変更を行うときに使用。
iOS 26向けのSwiftUIスキル。Liquid Glass、UI/UXレビューエンジン、コンポーネントパターン、オンデバイスAI（Foundation Models）、SwiftUIレビュー、Swift Testing、Swiftの並行処理、SwiftData向けの同梱Proスキルを備えています。作者によると、WWDC 2025のドキュメントおよびXcode 26.3で検証済みです。一般的なSwiftUIのベストプラクティスに焦点を当てたswiftui-patternsとは異なります。
ui.inference.sh が提供する React/Next.js 向けツールライフサイクル UI コンポーネント。ツール呼び出しを表示：保留中、進行中、承認必要、結果。機能：ツールステータス、進捗インジケーター、承認フロー、結果表示。用途：エージェントのツール呼び出しの表示、ヒューマン・イン・ザ・ループの承認、ツール出力。トリガー：tool ui、tool calls、tool status、tool approval、tool results、agent tools、mcp tools ui、function calling ui、tool lifecycle、tool pending
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。