Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
ブランド化されたアーキテクチャ図、IT 現状図、フローチャート、シーケンス図、ステートマシン図、ER/データモデル図、タイムライン、スイムレーン、クアドラント、レーダー/スパイダー、極座標チャート（極座標/ラジアルロリポップ）、ループ/フライホイール、ネスト、ツリー、組織図、レイヤースタック、ベン図、ピラミッド/ファネル、ツリーマップ、ヒートマップ、棒、ウォーターフォール、折れ線、ガント、散布図のほか、ハイレベル、プロセス、メダリオン、データフロー、DP 統合、DP セキュリティマトリクス、サンキー、フィッシュボーン、Wardley マップ、カンバン、ユーザージャーニー、デプロイ、依存関係グラフ、UML クラス、ストーリーマップ、データベーススキーマの各図を HTML/SVG/PNG で作成する。.drawio と .excalidraw のインポートに対応し、ライフサイクルフェーズマップとオンボーディングガイダンスも提供する。
Claude Code、Cursor、Codex、その他のエージェント向けのビジュアル美学・スタイルスキルのレジストリです。各スタイルは独立したスキルで、SKILL.md と DESIGN.md（デザイントークン、コンポーネント、アクセシビリティ、トーン、品質基準）が含まれます。ガラスモーフィズム、ブルータリズム、クレイモーフィズム、ニューモーフィズム、エディトリアル、ベントー、レトロ、リソグラフなどの美学に対応します。カタログから人気のスタイルをいくつかインストールでき、その他のスタイルも名前で追加できます。
検証済みの証拠と承認済みの範囲に基づいて、ユーザー向けの製品動作を定義します。情報アーキテクチャ、タスクフロー、状態と復旧モデル、インターフェース契約、ユーザビリティ調査計画、インタラクションパターンのトレードオフ、AI の推奨や生成結果、不確実性、人間による制御、フィードバック、エンジニアリング向け UX 引き継ぎに使用します。製品ディスカバリーと製品判断の後に使用してください。WCAG/ARIA 適合性の作業は web-accessibility に、正式なソフトウェア仕様は spec-driven-development に振り分けてください。無関係な依頼には使用せず、最も近い専門スキルに振り分けてください。
主な利用者が AI エージェントであるコンポーネントライブラリの設計、スキャフォールディング、拡張、監査に使用します。つまり、文章のドキュメントだけでなく、機械可読なメタデータ（props、バリアント、関係、トークン、アンチパターン）を必要とするデザインシステムが対象です。「agentic design system」「design system for AI/Claude」「make my design system AI-readable」「component metadata schema」「scaffold a UI library for an agent」や、主な利用者が LLM となる新しいコンポーネントライブラリの計画で起動します。人間向けのみのデザインシステム作業には使わず、figma:figma-generate-library を使用してください。
受賞レベルのプロダクトページやマーケティングページ、映画のようにスクロール演出を構成したサイト、すべてのコンポーネント、状態、ルートを統一したデザインシステムで構築する複数画面のプロダクト（アプリ、ダッシュボード、管理画面、設定、オンボーディング、ドキュメントサイト）など、完全な Web 体験をゼロからデザインして構築します。ランディングページ、ウェブサイト、ヒーローセクション、ポートフォリオ、プロモーションページ、プロダクトページの作成や再設計、スクロールアニメーションやストーリーテリングのあるページ、映画のようなサイトを希望する場合、または具体的な手法を指定せずに「美しく」「驚くほど」「シネマティック」「デザインシステム」と依頼する場合に使用します。ローカル CLI で画像、動画フレーム、深度マップ、3D などの素材を生成し、実行可能な anti-slop リンターとスクリーンショット検証ループで各リリースを確認します。他者が作成した UI の磨き込みや、バックエンドのみの作業には使用しません。
ユーザー向けのコピー——UI文字列、ドキュメント、マーケティング、リリースノート、エラーメッセージ、オンボーディング、ブログ記事など、人が読むあらゆる文章に対応します。Apple Style Guide（2025年6月）を要約した内容です。文体とトーン（能動態、現在形、二人称、専門用語を避ける）、句読点、大文字・小文字、複合修飾語のハイフン規則、数字の表記、計量単位、UI用語（ボタン、コントロール、シート、ポップオーバー）、Apple製品と機能の命名、開発者向けドキュメントの技術表記、ローカライズの国際スタイルを扱います。「スタイルガイド」や「コピーライティング」と明示されていなくても、文章の執筆、編集、レビューに使用します。特に、説明文の執筆、UI要素の命名、数字、日付、単位の表記を決める際に役立ちます。
PanelUI で React Native と Expo の UI を構築します。コンポーネントの追加、テーマ設定、オーバーレイやフォームの組み立て、スタイルが適用されない原因のデバッグを行います。panelui-native がインストールされている、または panelui.json がある Expo／React Native プロジェクトでの作業、ユーザーが PanelUI に言及した場合、または React Native のボトムシート、ダイアログ、チャート、チャット履歴、フォームなどの画面 UI を求めた場合に該当します。
SGDSアプリケーション向けのページレイアウトパターンを網羅したカタログです。ページレイアウト、コンテンツ配置、サイドパネル、分割ビュー、サイドバーレイアウト、パンくずレイアウト、ビューポート高レイアウトについてユーザーから質問があった場合は、たとえ「ページをどう配置すればいい？」「2カラムレイアウトが必要」とだけ言われた場合でも使用します。Full Widthレイアウト（sgds-containerを使用する一般公開ページ）とWith Sidebarレイアウト（sgds-container-sidebarを使用するダッシュボード／内部ツール）を扱います。トリガー：layout、aside、split view、sidebar layout、two-column、three-column、content arrangement、page structure with aside
SfSkinManagerを使用してSyncfusion WPFコントロールのテーマを実装・カスタマイズします。組み込みテーマ（Windows 11、Fluent、Material、Office 2019）の適用、Theme Studioによるカスタムテーマの作成、リビールアニメーションやアクリル背景などの視覚効果の制御が可能です。WPFアプリのテーマ設定、Syncfusionテーマの適用、色やフォントのカスタマイズ、テーマに基づく視覚効果やアクセシビリティ機能の設定に使用します。
ページのヒートマップが示す内容を評価し、具体的な変更を提案します。URL のクリック、レイジクリック、スクロール深度のデータを取得し、同じページの自動キャプチャイベントと照合して注目要素を特定します。また、ユーザーが PostHog で開ける保存済みヒートマップを作成し、行動を要約して改善案を提示できます。 起動条件：ヒートマップの内容、クリックされない理由、レイジクリックの場所、スクロール距離、ヒートマップ／クリックデータに基づくページの変更点を尋ねる場合、または URL のヒートマップの分析／評価／レビューを依頼する場合。 起動しない条件：分析なしで保存用のヒートマップ画像だけを作成したい場合（heatmaps-saved-create を直接使用）、またはセッションリプレイ全般について尋ねている場合（investigating-replay を使用）。
コンテンツとセマンティック HTML の問題を修正します。サーバーサイドレンダリング、適切な見出し階層、セマンティックなランドマーク要素、ARIA ラベル、画像の alt テキスト、lang 属性、説明的なリンクテキスト、フォームラベル、autocomplete トークン、キーボード操作、ドキュメントタイトル、ボタン名を追加し、aria-hidden とウィジェットの状態を正しく設定します。AI エージェントが HTML とアクセシビリティツリーを通じてページを読み取り、操作できるようにします。「fix semantic HTML」「add SSR」「fix heading hierarchy」「add alt text」「improve semantics score」「fix accessibility for AI」「fix form labels」「add autocomplete」「fix keyboard navigation」「fix button names」「fix aria-hidden」「add aria-expanded」や、セマンティック HTML に関するあらゆる作業で使用します。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。