Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
OmniStudio の OmniScript の作成と検証を行い、120 点スコアで評価します。Integration Procedures と Data Mappers を連携するガイド付きデジタル体験、マルチステップフォーム、インタラクティブなプロセスの構築に使用します。発動条件: ユーザーが OmniScript を作成、ステップフローを設計、要素タイプを設定、または既存の OmniScript 設定をレビューする。発動しない条件: FlexCards の構築 (building-omnistudio-flexcard を使用)、Integration Procedures の直接作成 (building-omnistudio-integration-procedure を使用)、依存関係の分析 (analyzing-omnistudio-dependencies を使用)。
ウェブサイトのページ間に흘러 Zameld な Burton トランジション（ページトランジション）を作成するためのライブラリ。ページトランジションの実装、SPA のような体験の作成、アニメーション付きのルート変更の追加、スムーズなナビゲーションを備えたサイトの構築に使用します。Barba.js、ページトランジション、ルーティング、ビュー管理、トランジションホック、GSAP 連携、スムーズなページナビゲーションに関するタスクで発動します。トランジションアニメーションでは gsap-scrolltrigger と連携して動作します。
130点スコアリングによる OmniStudio FlexCard の作成と検証。一目で把握できる UI カードの作成、Integration Procedures へのデータソースバインドの設定、既存 FlexCard 定義のアクセシビリティとパフォーマンスの確認に使用します。TRIGGER：ユーザーが FlexCard を作成、データソースを設定、レイアウトを設計、または OmniUiCard のメタデータについて質問した場合。DO NOT TRIGGER：OmniScripts の構築（building-omnistudio-omniscript を使用）、Integration Procedures の作成（building-omnistudio-integration-procedure を使用）、依存関係の分析（analyzing-omnistudio-dependencies を使用）。
Apex Invocable Action をバックエンドとするカスタム MCP サーバーツールの出力を描画するため、オブジェクトベースの Lightning Type + HXL ウィジェットの生成をオーケストレーションする。発動するのは、プロンプトが MCP ツール結果の描画に明示的に言及している場合のみ: ユーザーが「MCP server」「MCP tool」「custom MCP server」、ツールの「output schema」/「tool output」/「outputValues」エンベロープ、MCP ツールを支える「invocable action」に言及する、または Apex invocable がバックエンドの MCP ツール出力のためにウィジェットやリッチ UI を作るよう求める場合。次の場合には発動しない: Apex バックエンドのエージェントアクション出力をカスタマイズする場合（platform-lightning-type-widget-coordinate を使用）、Custom Lightning Type だけを作成する場合（platform-custom-lightning-type-generate を使用）、Apex クラスだけを作成する場合（platform-apex-generate を使用）、Lightning Type も MCP ツールも使わない独立したウィジェットを作成する場合（platform-widget-generate を使用）。
RenderCV (v2.8) を使って、組版.ethically完璧なプロフェッショナルな履歴書と経歴書を作成する。ユーザーは YAML で内容を書き、RenderCV が Typst による組版で出版品質の PDF を生成する。色、フォント、余白、間隔、セクションタイトル样式、項目レイアウトなどすべての視覚的な細部を完全に制御できる。組み込み 6 テーマ、無制限にカスタマイズ可能。任意の言語に対応（22 言語を内蔵、または独自の定義が可能）。PDF、PNG、HTML、Markdown を出力。ユーザーが履歴書や経歴書の作成・編集・カスタマイズ・レンダリングを希望する場合に使う。
成果の出ていない公開ウェブサイトを起点に、コンバージョン、ユーザビリティ、メッセージ、速度の改善項目を、根拠に基づく優先順位付きバックログとしてまとめます。各項目はテスト可能な実験としてリリースします。cro-methodology、ux-heuristics、refactoring-ui、web-typography、storybrand-messaging、high-perf-browser、made-to-stick、design-everyday-things の8つのスキルを段階ごとに連携し、各判断ポイントでユーザーに質問します。結果はプロジェクトの docs/ フォルダー（WEBSITE.md、DESIGN.md、IMPROVE-WEBSITE-PLAN.md）に記録し、セッションをまたいで続行できるようにします。コンバージョンしないランディングページの改善、訪問者が離脱する理由の診断、明瞭さや使いやすさの監査、または「ホームページの調子が悪いが、リデザインしても改善しなかった」といった相談に使用します。サイトがまだない場合は create-website、コンバージョンはしているがトラフィックが必要な場合は grow-website、マーケティングサイトではなく製品アプリに課題がある場合は improve-app、特定のフローで離脱が発生している場合は conversion-optimization を使用します。フレームワークを1つだけ使う場合は、そのスキルを直接呼び出してください
ワイヤーフレームの精度で画面の構造を設計します。見た目を議論する前に、何をどこに配置するか、その理由を定めます。Intent デザイン戦略システムの一部です。発散的な探索に使う低忠実度のアイデアボード、実際のラベルと階層を備えた完全なインタラクティブなグレースケールのワイヤーフレーム、/journey のフローを具体化するクリック可能なプロトタイプを作成します。次の場合に起動します：wireframe、wireframes、wireframing、thumbnails、「sketch the screen」、「lay out this page」、「what goes where on this screen」、screen layout、page structure、lo-fi、mid-fi、click-through prototype、wireflow、「wireframe the dashboard」、またはビジュアルデザイン前に画面構造を設計する依頼。画面間のフローは /journey、情報構造は /organize、文言は /articulate の担当で、このスキルは画面そのものを扱います。
Tailwind CSS のアニメーションとBuilt-inユーティリティ、カスタムキーフレームを含むトランジション。以下の場合は事前に有効化してください: (1) animate-* ユーティリティ（spin、ping、pulse、bounce）、(2) @theme animate によるカスタム @keyframes、(3) トランジション関連ユーティリティ（transition、duration、ease）、(4) トランジション搭配の変形（scale、rotate、translate）、(5) prefers-reduced-motion: reduce、(6) Framer Motion / Motion One と Tailwind の連携、(7) CSS のスクロール駆動アニメーション（animation-timeline）、(8) Tailwind 搭配の View Transitions API、(9) hover、focus、group-hover のトランジション、(10) /Duration 겹off リストのアニメーション。提供: アニメーションユーティリティのリファレンス、カスタムキーフレーム例、reduce-motion のパターン、Framer Motion 連携、スクロール駆動アニメーションのレシピ。
検証済みの企業、製品、経営陣の情報を、一覧しやすい事実、定型紹介文、素材ガイドを含む、ジャーナリスト向けのメディアキットにまとめます。ピッチデッキや営業用の1枚資料ではありません。メディアキット、プレスキット、PRキット、クリエイター向けリソースパックを求められた場合に使用します。K2Fフォーマットとエンジンを活用し、AIネイティブなデザインと高い美的基準でメディアキットを作成します。AIエージェント向けに設計された K2F により、レイアウト、タイポグラフィ、フォーマットの複雑さを自動処理しながら、意味内容とデザイン意図に集中できます。
ユーザーが「ASCII アニメーションの作成」「ターミナル/CLI のイントロやローダーの構築」「画像や動画の ASCII アートへの変換」「Canvas や Three.js シーンへの ASCII シェーダー/ポストエフェクトの追加」「レトロ/ハッカー風のテキスト文字の動きの作成」「輝度ランプを使ったテキスト文字のアニメーション」を求めた場合に利用します。ジェネレーティブ ASCII フィールド、画像・動画・3D の ASCII 化、Web とターミナル向けのアニメーション文字アートを扱います。
このスキルは、Lightning Web コンポーネント（.html、.js、.css ファイル）を右から左（RTL）への国際化の観点でレビューし、CSS 論理プロパティ、双方向テキストの扱い、キーボードセマンティクス、RTL に対応した SLDS クラスの使用を含め、コードレベルの修正を含む発見リストを作成します。「review this LWC for RTL」「audit i18n compliance」「fix bidirectional text rendering」「replace left/right CSS with logical properties」「check RTL layout issues」「verify SLDS RTL classes」「review my component for Arabic/Hebrew layout」「ensure this LWC works in RTL locales」「check bidi text handling」と _:fielded 掖れたときに発動します。新しい LWC を構築している場合（experience-lwc-generate を使用）、SLDS クラス自体をリファクタリングしている場合（design-systems-slds-apply または design-systems-slds2-migrate を使用）、アクセシビリティやセキュリティのレビューを行っている場合は発動しないでください。
React Native TV アプリのフォーカス／D-pad ナビゲーション、10 フィート UI レイアウト、テレビ再生／DRM 統合、低メモリ環境でのテレビ性能、テレビのアクセシビリティをレビューします。react-native-tvos、Expo TV、Amazon Vega/Kepler、React Native web TV ターゲットの構築、デバッグ、レビューで、リモコン入力、テレビのフォーカス、テレビ向けパッケージング、テレビのハードウェア、再生制約に関わる問題がある場合に使用します。
白紙の状態から公開済みの高コンバージョンサイトまで、メッセージ、デザイン、コンバージョンの順に導くガイド付きプロセスです。10 個のスキル（one-page-marketing、storybrand-messaging、made-to-stick、top-design、web-typography、refactoring-ui、ux-heuristics、cro-methodology、scorecard-marketing、steve-jobs-design-review）を段階ごとに連携し、各判断ポイントでユーザーに質問します。結果をプロジェクトの docs/ フォルダー（POSITIONING.md、WEBSITE.md、CREATE-WEBSITE-PLAN.md）に記録し、セッションをまたいで再開できるようにします。新しいウェブサイトやランディングページを一から作りたい、検証済みのアイデアをコンバージョンにつながるページにしたい、または「build me a landing page for my SaaS」と依頼された場合に使用します。サイトが既にある場合は、サイト全体の改善に improve-website、単一フローのコンバージョン最適化に conversion-optimization、トラフィック拡大に grow-website を使用します。マーケティングサイトではなくソフトウェア製品を作る場合は create-app を使用します。ポジショニングがまだない場合は、まず create-business を使用するか、ここでポジショニングの段階を実行します。フレームワークを 1 つだけ使う場合は、そのスキルを直接呼び出してください。
ユーザーが「Lottie アニメーションを追加」「.lottie または .json アニメーションを再生」「Web またはモバイルに Bodymovin/After Effects アニメーションを統合」「Lottie の再生・セグメントを制御」「スクロール連動 Lottie を作成」「実行時に Lottie を再着色」「AE アニメーションを Lottie に書き出し」と依頼した場合に使用するスキルです。dotLottie/lottie-web の統合、再生制御、インタラクティブ機能、テーマ設定、AE 書き出しチェックリストを扱います
デザイン品質が高く、印象的な本番レベルのフロントエンドインターフェースを作成します。既存デザインの auditing 分析ツールと、カラーパレット、タイポグラフィシステム、デザイントークン、コンポーネントテンプレートの生成ツールを提供します。React、Vue、Svelte、素の HTML/CSS に対応しています。ウェブコンポーネント、ページ、アプリの構築時に使用します。キーワード: design、UI、frontend、CSS、components、palette、typography、tokens、accessibility。
WeChat 公众号の記事組版エンジン。Markdown を公众号エディタに直接貼り付けられる HTML に変換します。テーマは references/theme-index.md に登録されたカスタムテーマライブラリから選択し、セクション番号の自動付与、キーワードの下線マーク、リードカード、目次ナビゲーション、コードブロック、画像/GIF、著者署名に対応します。Markdown / Word(.docx) / PDF / プレーンテキストの入力に対応し（Markdown 以外は先に自動正規化）、ワンクリック自動組版（構造の自動推論＋テーマ選択）にも対応します。また、ユーザーの説明や参考画像からカスタムテーマのコンポーネントライブラリを生成し、ローカルに保存して再利用することもできます。発動シーン：(1) ユーザーが「公众号排版」「公众号記事」「微信排版」「gzh」に言及、(2) 記事（md/docx/pdf/プレーンテキスト）を公众号 HTML に変換したい、(3) ユーザーが公众号コンテンツについて「自動組版」「ワンクリック組版」と言及、(4) 公众号組版のために「新しいテーマ/カスタムスタイル/この画像をもとにコンポーネントライブラリ」を作りたい。通常のウェブページ、ランディングページ、PPT の生成には使用しません（フロントエンドまたは PPT 系の skill を使用）。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。