Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
プラットフォームの正確な仕様に沿って App Store と Google Play のスクリーンショットを作成します。iOS/Android の寸法、ギャラリーの順序、デバイスモックアップ、プレビュー動画を扱います。用途：アプリストア最適化、ASO、アプリのスクリーンショット、アプリプレビュー、Play Store の掲載ページ。起動語句：App Store のスクリーンショット、ASO、アプリストア最適化、Play Store のスクリーンショット、アプリプレビュー、アプリ掲載、iOS スクリーンショット、Android スクリーンショット、アプリストア画像、アプリモックアップ、デバイスモックアップ、アプリギャラリー、ストア掲載
横方向にスワイプして進める Web PPT（単一 HTML ファイル）を作成します。WebGL 背景、発表者ビュー、観客画面との同期、発表者ノート、章の表紙、大きな数字を使ったデータスライド、画像グリッドなどのテンプレートを含みます。スタイルは 2 種類です。①「電子雑誌 × 電子インク」（セリフ体＋流体的な背景＋暖色）、②「スイス・インターナショナル・スタイル」（サンセリフ体＋グリッドパターン＋IKB／レモンイエロー／レモングリーン／セーフティオレンジのアクセント）。共有、講演、発表会向けの Web PPT を作成したい場合や、「雑誌風 PPT」「スイス風 PPT」「Swiss Style」「horizontal swipe deck」と言及した場合に使用します。
レイアウトのルール、ヒーローセクションのデザイン、CTA の心理学を用いてランディングページのコンバージョンを最適化します。ファーストビューの構成、ソーシャルプルーフの配置、モバイルデザイン、F 型の読み進め方を扱います。用途：スタートアップのランディングページ、製品ページ、SaaS マーケティング、コンバージョン最適化。起動語句：ランディングページ、ヒーローセクション、ファーストビュー、コンバージョン最適化、ランディングページデザイン、CTA ボタン、ヒーロー画像、ランディングページのレイアウト、SaaS ランディングページ、製品ページデザイン、コンバージョン率、ランディングページのベストプラクティス
プラットフォームの正確な仕様に沿って App Store と Google Play のスクリーンショットを作成します。iOS/Android の寸法、ギャラリーの順序、デバイスモックアップ、プレビュー動画を扱います。用途：アプリストア最適化、ASO、アプリのスクリーンショット、アプリプレビュー、Play Store の掲載ページ。起動語句：App Store のスクリーンショット、ASO、アプリストア最適化、Play Store のスクリーンショット、アプリプレビュー、アプリ掲載、iOS スクリーンショット、Android スクリーンショット、アプリストア画像、アプリモックアップ、デバイスモックアップ、アプリギャラリー、ストア掲載
プラットフォームの正確な仕様に沿って App Store と Google Play のスクリーンショットを作成します。iOS/Android の寸法、ギャラリーの順序、デバイスモックアップ、プレビュー動画を扱います。用途：アプリストア最適化、ASO、アプリのスクリーンショット、アプリプレビュー、Play Store の掲載ページ。起動語句：App Store のスクリーンショット、ASO、アプリストア最適化、Play Store のスクリーンショット、アプリプレビュー、アプリ掲載、iOS スクリーンショット、Android スクリーンショット、アプリストア画像、アプリモックアップ、デバイスモックアップ、アプリギャラリー、ストア掲載
レイアウトのルール、ヒーローセクションのデザイン、CTA の心理学を用いてランディングページのコンバージョンを最適化します。ファーストビューの構成、ソーシャルプルーフの配置、モバイルデザイン、F 型の読み進め方を扱います。用途：スタートアップのランディングページ、製品ページ、SaaS マーケティング、コンバージョン最適化。起動語句：ランディングページ、ヒーローセクション、ファーストビュー、コンバージョン最適化、ランディングページデザイン、CTA ボタン、ヒーロー画像、ランディングページのレイアウト、SaaS ランディングページ、製品ページデザイン、コンバージョン率、ランディングページのベストプラクティス
精巧で詳細なインタラクティブなアイソメトリック SVG 図を作成し、技術的な概念を実物（テストリグ、ダイヤルゲージ、引き出し棚、プロッター、錠前）として表現します。精密な小さな立体パーツ、4段階の陰影、正しい描画順序、タイトル・ヒント・リアルタイム表示を備えた枠付きカード、穏やかで滑らかな動きを含みます。アイソメトリックイラスト、ドキュメントやブログ記事、ランディングページ、記事向けの説明図や図版、「Linear風」または「プレミアム」な技術図、インタラクティブな解説、システム・アルゴリズム・コンポーネントの仕組みを示す SVG が必要な場合に使います。「アイソメトリック」と明言されていない場合も対象です。フレームワークなし（SVG と HTML を出力する TypeScript/JS）でも React/Next.js でも動作し、描画内に同じアイソメトリック視点でリアルな WebGL シェーダー（炎、排気、水、コースティクス、ランプの光）を追加できます。図を A4 PDF（ポスター、図面、配布資料）として印刷し、依頼に応じて Anatomy のコミュニティギャラリーに公開することもできます。
有料トラフィックを受けるランディングページを、クリック後のコンバージョン最適化のベストプラクティスに照らして監査し、優先順位付きの修正リストを提示します。広告とのメッセージの一致、ファーストビューの明確さ、フォームの入力負荷、信頼性、速度、モバイル対応、ポリシー上のリスクを確認します。各指摘に根拠の分類を付け、データが乏しい場合は統計的な主張を行いません。ユーザーが広告にクリックはあるがコンバージョンがないと言う場合、ランディングページがコンバージョンしない理由を尋ねる場合、またはクリック後の体験、メッセージの一致、コンバージョンやフォームの入力負荷、クリック後の CPA 上昇に言及する場合に使用します。「ランディングページ監査」という言葉がなくても対象です。あらゆるプラットフォームの B2B と B2C に対応します。監査のみを行います。クリック前のアカウントの問題には使用せず、代わりに mbfinotti/advertising-skills@ad-account-diagnostic を使用してください。
ブランドに合わせたアーキテクチャ図、アーキテクチャ差分図、IT 現状図、フローチャート、シーケンス図、状態遷移図、ER／データモデル図、タイムライン、スイムレーン、象限図、レーダー／スパイダーチャート、極座標チャート（極座標／放射状ロリポップ）、ループ／フライホイール、ネスト図、ツリー図、組織図、レイヤースタック、分解軸測図、軸測平面図、ベン図、ピラミッド／ファネル、ツリーマップとマリメッコチャート、ヒートマップ、棒グラフとダンベルチャート、ウォーターフォール、折れ線グラフ（スロープグラフ、リッジライン、ストリームグラフ、バンプチャート）、ガントチャートと散布図（バブル、ビースウォーム）、ハイレベル図、プロセス図、メダリオン図、データフロー図、DP 統合図、DP セキュリティマトリックス、サンキー図、フィッシュボーン図、Wardley マップ、カンバン、ユーザージャーニー、サービスブループリント、デプロイ図、依存関係グラフ、UML クラス図、ストーリーマップ、データベーススキーマ図を HTML/SVG/PNG で作成します。.drawio、Mermaid、.excalidraw のインポートに加え、ライフサイクルフェーズマップ、ブロック分解ツリー、オンボーディングガイダンスにも対応します。
Web アプリ向けの本番対応 CSS トランジションです。通知バッジ、ドロップダウン、モーダル、パネルの表示、ページ遷移、カードのサイズ変更、数値のポップイン、テキストやアイコンの切り替え、成功チェック、アバターグループのホバー、エラー状態のシェイク、検索／入力のクリア、スケルトンローダー、シマー表示のテキスト、スライドタブ、ツールチップ、段階的なテキスト表示、カードのホバー傾斜、プラスからメニューへの変形、アコーディオン、トースト、いいねボタン、詳細表示のホバー、チェックボックスのチェック、回転カウンター、トグル、AI の思考状態、推論ストリーム、ストリーミングテキスト、マトリックスドットローダー、バナーのスタックなどの実装に使用します。「add a transition」「animate the dropdown」「make the modal open smoothly」「swap icon」「page slide」「stagger animation」「open / close transition」「make it animate」「fade between」「success animation」「form error」「shake on invalid」「hover lift」「avatar stack hover」「clear the search」「skeleton loader」「loading shimmer」「shimmer text」「sliding tabs」「segmented control」「tooltip」「reveal text」「tilt card」「3D hover tilt」「cursor glare」「plus to menu」「FAB morph」「accordion」「collapsible」「expand / collapse」「disclosure」「toast」「snackbar」「like button」「heart animation」「learn more arrow」「checkbox」「check animation」「spinning counter」「odometer」「slot machine digits」「toggle」「switch」「thinking states」「AI status line」「agent reasoning」「reasoning stream」「streaming text」「stream words in」「matrix loader」「dot loader」「banner stack」「stacked toasts」などで起動します。「motion tokens」「scan for ad-hoc transitions」「replace hardcoded durations with motion tokens」「tokenize my animations」や、コマンド transitions reveal、transitions review、transitions apply、transitions refine にも対応します
HTML PPT Studio — テンプレートを使い、さまざまなスタイル、レイアウト、アニメーションのプロフェッショナルな静的 HTML プレゼンテーションを作成します。プレゼンテーション、PPT、スライド、keynote、デッキ、スライドショー、「幻灯片」「演讲稿」「做一份 PPT」「做一份 slides」、reveal 形式の HTML デッキ、小红书の画像とテキスト、またはキーボード操作が可能で見栄えのよい複数スライドの提案書・レポート・共有資料を求められた場合に使用します。トリガーとなるキーワードには、「presentation」「ppt」「slides」「deck」「keynote」「reveal」「slideshow」「幻灯片」「演讲稿」「分享稿」「小红书图文」「talk slides」「pitch deck」「tech sharing」「technical presentation」などがあります
編集可能な PPTX デッキやスライドの生成、ページビジュアルの再構築、再利用可能な Brand/Style/Layout/Deck ワークスペースの作成、ネイティブ PPTX テンプレートへの入力、完成済み PPTX ファイルの強化を行う AI 主導のプレゼンテーションワークフローです。プレゼンテーション、PPT、PPTX、スライドデッキ、教材の作成、生成、再構築、再生成、装飾、再デザイン、テンプレート化、入力、強化（ナレーションやアニメーションの追加を含む）を依頼された場合、プレゼンテーションから作成したナレーション付き／自動再生動画を求められた場合、または ppt-master に言及された場合に使用します
Expo アプリ内でデザインシステムを構築・保守します。再利用可能なデザイントークンのテーマ（色、間隔、タイポグラフィ、角丸、シャドウ、モーション）、variant／size／state の prop 規約に沿った再利用可能なコンポーネント構造、繰り返し使われるビューを共有コンポーネントに切り出すタイミングのルールが含まれます。テーマファイルやデザイントークン（theme.ts / theme/）の作成・整理、既存のテーマやスタイリングライブラリ（NativeWind、Tamagui、Restyle、Unistyles）の流儀に沿った拡張、AI 生成の画面を含む各画面のスタイル統一、ネイティブではなく AI 生成風または凡庸に見えるアプリ（いわゆる native-slop）の修正、アプリ内コンポーネントライブラリの構築、デザインシステムからの逸脱（色、間隔、フォントのハードコード）の監査に使用します。プラットフォーム固有のスタイル（セマンティックカラー、HIG のルール、ネイティブコントロール）には expo-native-ui、新しいアプリのフォルダー構成には expo-project-structure を使用します。
React Native と Expo でアニメーションを構築し、適切な動きにするための判断を順番に行います。アニメーションの要否、実行するスレッド、プロパティ、スプリングか時間指定か、ジェスチャーの引き継ぎ方、劣化時の挙動を決定します。Reanimated、Gesture Handler、Expo Router、expo-haptics を使って実装します。Expo アプリ内のアニメーション、ジェスチャー、シート、画面遷移、押下フィードバックや触覚フィードバックの追加、またはデバイス上でカクつく動きの修正に使用します。Web アニメーションには `animate` を使用します。
アーキテクチャ図、フローチャート、シーケンス図、構造図、マインドマップ、タイムライン、説明図・概念図など、あらゆる種類のプロフェッショナルなダークテーマの SVG 図を作成します。技術図や概念図、システムの可視化、プロセスフロー、データフロー、コンポーネントの関係、ネットワークトポロジー、決定木、組織図、状態遷移図、その他構造・ロジック・プロセスの視覚表現を求められた場合に使用します。「画个图」「画一个架构图」「diagram」「flowchart」「sequence diagram」「draw me a ...」と言われた場合や、コンテンツをアップロードして可視化を求められた場合も起動します。出力は常に単独の .svg ファイルです。
Flutter のアニメーションやモーション効果の追加、修正、リファクタリング、デバッグ、テスト、解説に使用します。AnimatedContainer、AnimatedOpacity、AnimatedSwitcher、TweenAnimationBuilder などの暗黙的アニメーション、AnimationController、Tween、CurvedAnimation、AnimatedWidget、AnimatedBuilder、組み込みトランジションを使う明示的アニメーション、Hero／共有要素のルートトランジション、段階的または連続的なアニメーション、物理ベースの動き、ジェスチャー、スプリング、フリング、スクロール物理、カーブ、パフォーマンス、アクセシビリティ、モーション低減、アニメーションのライフサイクルに関する不具合を扱います。
App Store または Google Play のスクリーンショットページの作成、iOS、macOS、Android アプリ向けの書き出し可能なマーケティング用スクリーンショットの生成、Next.js を使ったスクリーンショットエディターのひな形作成に使用します。app store、mac app store、play store、screenshots、marketing assets、html-to-image、phone mockup、mac mockup、android screenshots、feature graphic に関する依頼で起動します
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。