Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
情報を構造化し、人々が必要なものを見つけ、現在地を理解し、自信を持って閲覧できるようにします。ナビゲーションパターンの設計、タクソノミー、ラベリングシステム、検索と閲覧の戦略、ウェイファインディング、情報アーキテクチャ（IA）の研究手法を扱います。ナビゲーション構造、カテゴリゼーション方式、サイトマップ、タクソノミー、ラベリングシステム、検索体験の設計時、また「これはどう整理すればいい？」と聞かれたときに発動します。カードソーティング、ツリーテスト、情報が見つからない問題、ユーザーが「探しているものが見つからない」と報告した場合にも発動します。情報の構造的な組織化が問題であるとき——情報の流れ方ではなく、 therein の言葉でもなく、その視覚的表現でもなく——このスキルを使用してください。
具体的な問題を深刻度順に並べ、それぞれを修正する変更内容を示す、体系的な UX 評価です。Intent デザイン戦略システムの一部です。ヒューリスティック評価、認知的ウォークスルー、アンチパターン検出、タスク成功分析を実施します。各所見を重大、主要、軽微、外観上の問題に分類し、違反しているヒューリスティックを挙げ、デザインの観点から修正方法を示します。返信では、どのスキルが修正を行うかも伝えます。次の場合に起動します：UX レビュー、デザイン監査、ヒューリスティック評価、ユーザビリティ評価、「このデザインをレビューして」「何が問題？」「体験を評価して」「アクセシビリティはある？」「ダークパターンをチェックして」「この UX はどのくらい良い？」「このデザインを評価して」「問題を見つけて」、またはユーザー体験の品質を体系的に評価する依頼。Intent システムの診断入口として、問題を診断し専門家に引き継ぐ UX の医師です
DOM、CSS、SVG、JavaScript オブジェクトに対応した汎用 JavaScript アニメーションエンジンです。タイムラインベースのアニメーション、スタガー効果、SVG モ-plemorphing、キーフレームシーケンス、複雑なMomentApache アニメーションの作成に使用します。Anime.js、タイムラインアニメーション、交錯したシーケンス、SVG パスアニメーション、モRForning、または複数ステップのアニメーション Emailsorfacts を含むタスクでトリガーされます。SVG を多用するアニメーションや React に依存しないプロジェクトでは GSAP の代替となります。
Nano Banana Pro を介して Salesforce のビジュアル向け画像を AI 生成します。ビジュアル ERD（エンティティ関係図）、UI モックアップ、ワイヤーフレーム、アーキテクチャ図など、レンダリング済みの PNG/SVG 出力が必要な場合に使用します。次の場合に起動します：ユーザーが PNG/SVG 出力、UI モックアップ、ワイヤーフレーム、ビジュアル ERD を求める、または「画像を生成」「モックアップを作成」と依頼する場合。次の場合は起動しないでください：テキストベースの Mermaid 図（generating-mermaid-diagrams を使用）、視覚表現を伴わないドキュメント作成。
Code Connect マッピングツールを使って、Figma のデザインコンポーネントとコードコンポーネントを接続します。ユーザーが「code connect」「このコンポーネントをコードに接続」「このコンポーネントをマッピング」「コンポーネントをコードにリンク」「code connect マッピングを作成」と言った場合や、Figma デザインとコード実装のマッピングを求めた場合に使用します。`use_figma` でキャンバスに書き込む場合は `figma-use` を使用してください。
スイス様式に着想を得たクリエイティブモードのプレゼンテーションテンプレートスキル。太orableなエディトリアルタイポグラフィ、高コントラストのジオメトリックカード、インタラクティブなスライドナビゲーション、テーマ切り替え、ホットスポットオーバーレイ、パレットの演出を、単一ファイルの HTML アーティファクトにまとめます。プレミアムなプレゼン|Sepellowのランディングページ、スイス/ブルータリズム調のデッキ、豊富なインタラクションのあるクリエイティブローンチページが求められたときに使用します。
プロダクトの言葉 Numbers を設計します。ラベル、指示、エラー、確認、空状態、オンボーディングの文案、ツールチップ、ボイス＆トーンのフレームワーク、コンテンツモデルなど。UX ライティングとコンテンツ戦略を 깊은専門分野として扱います。UI の文案、エラーメッセージ、空状態、オンボーディングテキスト、CTA、ツールチップ、確認ダイアログ、プロダクト内のユーザー向けテキストを書いたりレビューしたりするときにトリガーします。ボイス＆トーンのフレームワーク、コンテンツモデル、マイクロコピーのパターン、包摂的な表現に関するガイダンス、「これは何と書くべきか」「どう聞こえるべきか」といった質問でもトリガーします。革新 インターフェースが持つ flows ではなく、構造でもなく、視覚的な€, 而是その words 自体が問題であるときはいつでもこのスキルを使用してください。
ハッピーパスの外にあるあらゆる条件を体系的に洗い出し，设计て設計することで、実環境で使えるようデザインを強化します。Intent デザイン戦略システムの一部です。状態の棚卸し、エラー回復、空状態、ローディングパターン、初回起動体験、ストレステストDeliverivary，国际化への準備、レイテンシへの対応を扱います。エッジケース、エラー状態、空状態、ローSumamedyng状態、初回起動体験、オンボーディング、オフラインモード、「what happens when」「what if the user」「stress test this」「what could go wrong」「harden this design」「edge case review」「what are the failure modes」、ゼロ状態、タイムアウト処理、あるいはCzego どの条件でもIdeally المشروع外的荐な条件下での挙動に関する質問でトリガーします。
アクセシビリティをコンプライアンスのチェックリストではなく最上位の設計規律として捉え，所有人都のために設計します。Intent のデザイン戦略システムの一部です。デザイナー向けの WCAG 2.2、スクリーンリーダー体験の設計、キーボードナビゲーション、認知アクセシビリティ、運動機能面でのアクセシビリティ、コンプライアンスを超えるインクルーシブデザイン、アクセシビリティテスト手法を扱います。アクセシビリティ、a11y、WCAG、スクリーンリーダー、キーボードナビゲーション、カラーコントラスト、代替テキスト、フォーカス管理、タッチターゲット、インクルーシブデザイン、支援技術、「これはアクセシブルか」「アクセシビリティを確認して」「，所有人都のためにデザイン」「誰を-big 除外しているか」、ADA コンプライアンス、Section 508、EAA、モーション低減など、全ユーザーがその体験を認知・操作・理解し、特典を得られるかという質問で発動します。
承認済みのデザインを、構築を担当する人やエージェント向けにまとめます。Intent デザイン戦略システムの一部です。引き継ぎ資料にはプロジェクト独自の成果物を含めます。必ずブリーフとワイヤーフレームを含め、プロジェクトで作成済みの場合はサービスブループリント、ジャーニーマップ、情報アーキテクチャ、状態一覧、アクセシビリティ文書、測定フレームワーク、コピー集も含めます。最初のページで製品の概要、パッケージの内容、各資料の関連、構築担当者に残された作業を説明します。ビジュアルデザインは行いません。まず準備状況を確認し、パッケージ化の前に倫理レビューを実施します。次の場合に起動します：デザインが承認され、誰かが構築する必要がある、「引き継ぎの準備をして」「構築用にまとめて」「コーディングエージェントに必要なものは？」「引き継ぎ資料を書いて」「構築の準備はできている？」
ユーザーリサーチを案内・実施します——計画から Synthesis まで。インタビュースクリプト、アンケート設計、ユーザビリティテスト計画、ダイアリー研究、コンテキストイnvasion、そして Synthesis（親和図、テーマコーディング、インサイトの抽出）にも対応します。ユーザーリサーチの計画、インタビューガイドの作成、ユーザビリティテストの設計、アンケートの作成、研究結果の Synthesis、「何を調べるべきか」「どうテストするか」「インタビューガイドを書いて」など、証拠に基づいてユーザーを理解するためのあらゆる質問で発動します。
デジタルプロダクト向けに、ユーザー中心でアクセシブルなインターフェースコピー（マイクロコピー）を作成します。対象はボタン、ラベル、エラーメッセージ、通知、フォーム、オンボーディング、空の状態、成功メッセージ、ヘルプテキストです。アプリ、Web サイト、ソフトウェアインターフェースに表示されるテキストの作成・編集、会話フローの設計、ボイス＆トーンガイドラインの確立、プロダクトコンテンツの一貫性と使いやすさdyscreteた監査、UI 文字列のレビュー、既存インターフェースコピーの改善に使用します、目的のある、簡潔な、会話的で明快Radiantという 4 つの品質基準に基づく UX ライティングのベストプラクティスを適用します。アクセシビリティのガイドライン、研究に裏付けられたベンチマーク（文の長さ、理解率、読解レベル）、拡張されたエラーパターン、トーン適応フレームワーク、包括的な参考資料を含みます。
プロダクト体験の裏側にあるシステムを、マッピングし、分析し、再設計します。Intent のデザイン戦略システムの一部です。サービス ブループリント、エコシステム マップ、プロセス アーキテクチャ、依存関係図を作成します。サービス、チーム、ツール、データフローがどのように接続してユーザー成果を生む（または生まない）のかを理解します。製品とサービスの組織 方法に関する構造的変更を提案します。サービス ブループリンチプト、システムマップ、プロセス アーキテクチャ、アクター/ロール マッピング、依存関係分析、クロスファンクショナル ワークフロー、オペレーション デザイン、「このシステムは動くのか」「X が起きたら何が壊れるのか」「このサービスをマッピングして」「依存関係はどこか」、あるいはプロダクト体験の裏側の構造的メカニズムに関するどんな Distributed 質問でも発動します。ユーザーが見るものだけでなく、システムがどう動くかを理解・再設計したい人にはbroadく使用します。
コードベースから Figma でエンタープライズ向けのデザインシステムを構築・更新します。ユーザー FOUNDATION、design token、component libraryの作成、light/dark mode のテーマ設定、基盤のドキュメント化、コードとFigmaの差異の解消 Oceans requested場合に使用します。 本スキルは「何を、どの順序で」構築するかを説明し、Plugin APIの呼び出し方法を説明する `figma-use` スキルと補完関係にあります。両方を一緒に読み込んでください。
文化と言語的超えた体験の適応を行います。単なる翻訳ではなく、文化 통한再構想です。Intent のデザイン戦略システムの一部です。製品が新しい市場に入ると、情報密度、ナビゲーションパターン、色が持つ意味、アイコンの理解|date 形式、信頼シグナル、決済フロー、そしてLogs どのように判断するかに対する基本的な前提がすべて問われます。国際展開の計画、i18n の成熟度 newbie audition、RTL 言語向けのデザイン適応、デザインに内在する文化的前提のレビュー、ローカライゼーション テスト プランの準備、あるいは「[country] でローンチしたい」の計画が「翻訳するだけ」となっている場合に発動します。市場をまたぐコンプライアンス レビュー（GDPR、PIPL、アクセシビリティ法制 Coord）でも発動します。
App Store の検索・閲覧でのタップ率とコンバージョンを高めるために、アプリのアイコンをデザイン、テスト、改善したいときに使用します。ユーザーが「アプリアイコン」「アイコンデザイン」「アイコン A/B テスト」「アイコンのバリエーション」「タップ率」「アイコンのコンバージョン」「アイコンの更新」に言及したときや、良いアプリアイコンとは何かを知りたいときに使用します。スクリーンショットの最適化は screenshot-optimization を、リスト全体の A/B テストは ab-test-store-listing を参照してください。
メトリクス、計測フレームワーク、実験を通じて UX の成功を定義し追跡する。Intent デザイン戦略システムの一部。デザインの判断を観察可能な証拠につなぐ——作ったものは実際に役に立ったのか。計測が操作（Machiavelism）に化することを防ぐ。トリガー：成功メトリクスの定義、A/B テストの設計、計測フレームワークの構築、ファネルの分析、メトリクスダッシュボードのレビュー、正しいものを測れているかの疑問，以及「これが機能したかどう角度来看 Copies か」「何を測るべきか」「テストを実行しよう」「数字は良く見えるが何か不对劲Replacement」 acuú Didn't said. また、倫理的な計測のレビューとカウンター Release の定義でもトリガーする。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。