Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
Domo App Studio ページ内でプロコードの JavaScript カスタムアプリを構築して埋め込む。カスタムアプリのビルドパイプライン（basic-custom-app-build、domo-app-theme）と App Studio のレイアウト（basic-app-studio、advanced-app-studio）を橋渡しする。ネイティブカードとプロコードアプリの間の意思決定ルーティング、デザインスキルとのビルド調整、キャンバス統合、ページレベルのフィルター伝播（domo.onFiltersUpdated）、App Studio 変数統合（domo.onVariablesUpdated、domo.requestVariablesUpdate）、変数状態管理の pending/commit パターンを扱う。可視化やインタラクションがネイティブカードの能力を超える場合、ユーザーがプロコードエディターに言及した場合、または App Studio にカスタムアプリを埋め込む場合に使用する。
あらゆるエンジニアリング作業のための単一の統合スキル：コード、UI、ドキュメント、リポジトリのメンテナンス。プロンプトからどの専門分野を有効化するかを自動検出します——ENGINEER は機能開発とコード変更（フェーズゲート付きの完全な SDLC、仕様、DAG 実行、TDD、エバリュエーター。設計ドキュメントのみの引き継ぎには SPEC-lite モード）、UI はデザインとスタイリング（タイポグラフィ、余白、色、コンポーネント、ダークモード、アクセシビリティ）、DOCS はドキュメント（Diátaxis 駆動：チュートリアル、ハウツー、リファレンス、解説、README）、MAINTAIN はリポジトリの健全性（セキュリティ監査、lint/型の負債、不安定なテスト、デッドコード、依存関係のアップグレード）。プロンプトが複数の専門分野にまたがる場合は、1 つのセッションで複数の専門分野を組み合わせます。関連する参照ファイルのみを読み込みます——個別のコマンドを実行するよりもコンテキスト効率の良い代替手段です。あらゆるコード/機能/ビルドのリクエスト、"design a UI"、"style this"、"write docs"、"document this"、"add a README"、"security audit"、"fix flaky tests"、"upgrade dependencies"、またはその任意の組み合わせでトリガーします。
ランディングページのファーストビュー以降のセクション制作パイプラインです。awwwards-heroと連携し、機能紹介、ソーシャルプルーフ、価格、プロセス／利用手順、事例、統計／指標、CTAバナー、FAQ、フッター、視覚的な区切りセクションを扱います。Awwwards/FWA級と同じ品質基準を適用し、ありきたりな3カードグリッド、アイコン＋見出し＋段落の繰り返し、ストック写真、AI風の紫色グラデーションを避けます。各セクションにはCSSブループリント付きの命名済みアーキテクチャ、ページ単位の構成順序システム、最終構成の差分を備えています。
既存の UI コードがデザインシステムに準拠しているか監査します。ユーザーがデザインシステムの基準に照らして UI 実装をレビュー、監査、確認、検証したい場合に使用します。トークンではなくカラー値を直接指定していないか、状態の欠落、スペーシングの不整合、アクセシビリティ上の不足、ダークモード対応の問題、デザインシステム全般への準拠などを確認します。「これで合ってる？」「CSSをレビューして」「このコンポーネントを確認して」「UIコードを監査して」「デザインシステムに沿っている？」などの依頼でも使用します。
ブランドアイデンティティの作成とビジュアルアイデンティティ戦略。ブランドパーソナリティ、ポジショニング、トーン、色彩心理、声としてのタイポグラフィ、ビジュアルアイデンティティシステム、継続的なブランドドキュメントの定義を扱います。ブランドデザイン、ビジュアルアイデンティティ、ロゴ、ブランドガイドライン、ブランドシステム、ブランド戦略、ブランディング、ブランドカラー、ブランドタイポグラフィ、スタイルガイド、ブランド刷新、ブランドパーソナリティ、トーン、ブランドアイデンティティ、ロゴデザイン、ブランドの一貫性、ビジュアルブランディング、ブランドガイドラインの作成、ブランドパッケージ、ブランドアセットの生成、ブランド成果物、ブランドアイデンティティパッケージについて尋ねられた場合、またはブランドブリーフをウェブデザインの判断に反映する場合に使用します。ブランドの決定は、elite-design-core（トークン）、elite-gsap（モーション言語）、elite-ux-strategy（コンバージョンコピー）を通じて実装に反映されます。
スラッシュコマンド形式の URL から DESIGN.md への抽出。ユーザーが /extract と入力した場合、公開 HTTPS ウェブサイトの URL から DESIGN.md を抽出するよう求めた場合、または URL からデザインシステム、デザインブループリント、ブランドトークン、ビジュアルスタイル、UI インスピレーション、エージェント向けのデザイン仕様を求めた場合に使う。"/extract https://example.com"、"Extract a DESIGN.md from https://..."、"Make a design system document from this URL"、"이 링크 디자인 따서 DESIGN.md 만들어줘." といったプロンプトを処理する。
原稿内の図やプロットが、それが支える主張を効果的に伝えているかを評価する。グラフ種別の適合性、軸の設計、視覚的階層、データ密度、キャプションの解釈、知覚的な正確さ、物語の流れを 8 つの次元で監査する。トリガー：「do my figures work」「check my plots」「are my graphs clear」「figure audit」「do my figures support my claims」「visualization review」「figure rhetoric」「plot review」「chart critique」「visual argument check」。manuscript-review §12（可読性）と figure-table-quality（レンダリング）の姉妹スキル。
HTML5 Canvas にレンダリングする GSAP アニメーションの実運用向けレシピ。公式の gsap-core および gsap-timeline スキル（API リファレンス）の補完。Triggers:canvas animation、GSAP canvas、particle system、canvas particles、canvas rendering、onUpdate canvas、draw loop、sprite animation、canvas timeline、canvas GSAP、canvas morph、MorphSVG canvas、shape morphing canvas。非トリガー:DOM ベースのアニメーション向けではない（gsap-animate を使用）、SVG DOM のモーフィング向けではない（gsap-svg を使用）、WebGL/Three.js 向けではない。成果:カスタム onUpdate レンダリングパイプラインを備えた GSAP タイムライン、パーティクルシステム、リサイズ処理を用いて、Canvas ベースのアニメーションを生成する。
公式 GSAP ショーケースによるプロダクション品質のプレミアムアニメーション構成。美しく洗練されたアニメーションを構築するための完全なマルチプラグインリファレンス。公式の gsap-core、gsap-plugins、gsap-timeline スキル（API リファレンス）と併用します。トリガー：プレミアムアニメーション、ショーケース、プロダクションアニメーション、美しいアニメーション、ヒーローアニメーション、ページ遷移、ローディングアニメーション、没入型スクロール、完全なアニメーション、洗練されたアニメーション、アニメーション構成、マルチプラグインアニメーション。非トリガー：単一技法のレシピには非対応（gsap-scroll、gsap-text などを使用）、API リファレンスには非対応（公式 gsap-skills を使用）、セットアップには非対応（gsap-setup を使用）。成果：オーケストレーションの注記を含む完全なプレミアムアニメーションリファレンスを提供し、その後 gsap-animate が個別の技法スキルを用いて適応させます。
SplitText と ScrambleTextPlugin を用いた GSAP テキストアニメーションの実運用向けレシピ。公式の gsap-plugins スキル（API リファレンス）の補完。Triggers:SplitText、split text、text animation、word animation、scramble text、ScrambleTextPlugin、text reveal、masked text、clip reveal、word stagger、text stagger、character animation、char split、kinetic text、elastic type、text decode、terminal text、cyber text、glitch text、chainTextReveal、useReveal text、GSAP text、Vue text animation、Nuxt text animation。非トリガー:テキストを伴わないスクロール駆動アニメーション（gsap-scroll を使用）、マウス操作（gsap-interact を使用）、SVG アニメーション（gsap-svg を使用）、一般的な視覚効果（gsap-vfx を使用）向けではない。成果:テキストアニメーションを生成する — マスクされた単語の出現、スクランブルデコード、キネティックな分割、および useReveal コンポーザブル API。
Hotwire の横断的な UX フィードバックパターン（読み込み状態、ビジーインジケーター、プログレスバー、楽観的 UI、レンダリングのインターセプト、ビュー/ページ遷移）を実装します。単一の機能領域に限らず、体感パフォーマンスとユーザーフィードバックが主な目的の場合にこのスキルを優先してください。フォームの正確性と検証動作には hwc-forms-validation、ナビゲーション/履歴/キャッシュの仕組みには hwc-navigation-content、プッシュ/ストリームのオーケストレーションには hwc-realtime-streaming、メディア固有の動作には hwc-media-content、Stimulus API の基本的な質問には hwc-stimulus-fundamentals を使用してください。
Android UI 開発向けの Jetpack Compose エキスパート skill。状態管理の判断（@Composable、remember、mutableStateOf、derivedStateOf、State hoisting）、ビューのコンポジションと構造、Modifier チェーン、遅延リスト、ナビゲーション、アニメーション、副作用、テーマ設定、アクセシビリティ、パフォーマンス最適化を導く。実際の androidx ソースコード分析に基づく。ユーザーが Compose、@Composable、remember、LaunchedEffect、Scaffold、NavHost、MaterialTheme、LazyColumn、Modifier、recomposition、Style、styleable、MutableStyleState、または任意の Jetpack Compose API に言及した場合は常にこの skill を使用する。ユーザーが「Android UI」「Kotlin UI」「compose layout」「compose navigation」「compose animation」「material3」「compose styles」「styles api」と言った場合、または現代の Android 開発パターンについて尋ねた場合にも発動する。「my compose screen is slow」や「how do I pass data between screens」のような何気ない言及でも、この skill を発動すべきである。
lytシリーズのEC商品詳細ページ生成スキルです。ユーザーがこのスキルを呼び出し、商品画像、パッケージ画像、仕様画像、商品資料、競合の商品詳細ページ、またはビジュアル参考画像をアップロードした場合、商品詳細ページの情報構成、スローガン、画面ごとのコピー、ビジュアルブリーフ、画像生成プロンプトをゼロから作成します。ツールが利用可能な場合は、各画面の画像と全体のロング画像も生成します。最初の情報収集では、スローガンを使用しない、既存のコピーを提供する、Agent に生成させる、のいずれかをユーザーに選んでもらいます。画像から確認できる事実とユーザーが確認した情報のみを使用し、見た目から機能、素材、効果、仕様、認証、レビュー、販売数を創作しません。TikTok Shop や越境ECの商品詳細ページ向けです。既存ページの診断、商品の事業性判断、単一の参考画像からのプロンプト推定、競合のメイン画像の一括要約には使用しません。呼び出し方法：/lyt-detail-page、/详情页生成、「商品画像から詳細ページを生成」「商品詳細ページをゼロから作って」「このページを参考に自分の商品詳細ページを作って」
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。