Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
ブログ記事、ニュースレター、エッセイの末尾に置くCTAについて、コピー、レイアウト、配置、A/Bテスト計画、アクセシビリティを設計します。記事末尾のCTAの作成、レビュー、改善を依頼された場合、"end-of-post CTA"、"call-to-action"、"signup box"、"newsletter CTA"、"subscribe block"、"what should I put at the bottom"に言及した場合、または読者を購読者、見込み客、顧客、有料支援者に転換する方法を尋ねられた場合に使用します。個人ブログ、有料ニュースレター（Substack、beehiiv、Ghost）、ブランドのコンテンツマーケティングブログに対応します。冒頭のフック、リード、記事タイトルには使用せず、代わりにsamber/cc-skills@copywriting-hooksを使用してください。ランディングページ、広告、メールのコピーには対応しません。
OmniStudio OmniScript の作成と検証を 120 点スケールで_scoringする。ガイド付きデジタル体験、マルチステップフォーム、Integration Procedure と Data Mapper をオーケストレーションするインタラクティブプロセスの構築可以使用する。TRIGGER：ユーザーが OmniScript を作成、ステップフローを設計、要素タイプを構成、または既存 OmniScript 設定をレビューする場合。DO NOT TRIGGER：FlexCard の構築（omnistudio-flexcard-generate を使用）、Integration Procedure の直接作成（omnistudio-integration-procedure-generate を使用）、依存関係の分析（omnistudio-dependencies-analyze を使用）の場合。
130 ポイントスコアリングによる OmniStudio FlexCard の作成と検証。varez一眼で分かる UI カードの構築、Integration Procedures へのデータソースバインディング設定、既存 FlexCard 定義のアクセシビリティとパフォーマンスの確認filtration时候に使用します。トリガー：ユーザーが FlexCard を作成、データソースを設定、カードのレイアウトを設計、または OmniUiCard のメタデータについて問い合わせた場合。トリガーしない場合：OmniScripts の構築（omnistudio-omniscript-generate を使用）、Integration Procedures の作成（omnistudio-integration-procedure-generate を使用）、依存関係の分析（omnistudio-dependencies-analyze を使用）。
EC サイト、オンラインストア、ショッピングサイトの作業では必ずこのスキルを使用してください。チェックアウトページ、カート、決済フロー、商品ページ、商品一覧、ナビゲーション、ホームページなど、ストア内のあらゆるページやコンポーネントに使用します。チェックアウトの追加、カートの実装、Medusa バックエンドの統合、AI ショッピングエージェントが利用しやすいストアの構築など、あらゆる EC 機能の構築では必須です。フレームワークに依存しません（Next.js、SvelteKit、TanStack Start、React、Vue）。パターン、意思決定フレームワーク、バックエンド統合のガイダンスを提供します。
Uniwind — React Native 向けの Tailwind CSS v4 スタイリング。Uniwind classNames を使用する React Native プロジェクトで、コンポーネントの追加、構築、デバッグを行う際に使用します。セットアップ、Metro 設定、global.css、テーマ、className props、accent-* カラープロパティ、プラットフォーム／データ／状態／レスポンシブのバリアント、CSS 変数、カスタムユーティリティ、サードパーティコンポーネント向け withUniwind、cn/tailwind-merge、tailwind-variants、セーフエリアユーティリティ、ScopedVariables、LayoutDirection、グラデーション、フォント、React Navigation、UI キット、診断、トラブルシューティング、Uniwind Pro の機能を扱います。NativeWind からの移行は対象外です。
本番環境向けの Roblox インターフェースを構築します。ScreenGui/PlayerGui のライフサイクル、レスポンシブな UDim2 レイアウト、安全なインセット、再利用・編集可能な Instances、デバイスをまたいだ入力と選択、控えめなモーション、クリーンアップ、複数ビューポートでの検証に対応します。Roblox HUD、インベントリ、ショップ、設定、アビリティバー、ScrollingFrames、AutomaticSize、GuiService、ゲームパッドのフォーカス、タッチ UI、またはクリッピング、リスポーン時のリセット、ありきたりな見た目、巨大な LocalScript ひとつで生成された UI に使用します。
コードベースを基に、Figmaでプロフェッショナル品質のデザインシステムを構築または更新します。変数／トークンの作成、コンポーネントライブラリの構築、適切なバリアントセットと変数バインディングを備えた個別コンポーネントの作成、テーマ（ライト／ダークモード）の設定、基盤のドキュメント化、コードとFigmaの差異の解消を希望する場合に使用します。Figmaでコンポーネントの作成や生成を依頼された場合は、1つだけの場合でも使用します。本番品質のコンポーネントには、適切な変数の基盤、バリアント状態、デザイントークンのバインディングが必要なためです。このスキルでは何をどの順序で構築するかを扱い、Plugin APIの呼び出し方法を扱う`figma-use`スキルを補完します。両方のスキルを同時に読み込んでください。
assistant-ui でアシスタントのメッセージテキストを Markdown としてレンダリングします。MarkdownTextPrimitive または markdown-text 要素を MessagePrimitive.Parts に接続する、Shiki または Prism のハイライトを導入する、KaTeX の数式や Mermaid の図を追加する、モデルが生成した数式の区切り文字を正規化する、またはコード、数式、Mermaid、CJK プラグインに対応したブロック認識型ストリーミングに StreamdownTextPrimitive を選ぶ場合に使用します。遅延・スムーズ解析の動作、コードブロックのオーバーライド、ストリーム完了を扱います。周囲のスタイルなしのメッセージ構成には primitives を、スタイル付きレンダラーの導入や編集には elements を使用します。
スタック、グリッド、リスト、スクロールビュー、フォーム、コントロールを使って SwiftUI レイアウトを構築します。VStack/HStack/ZStack、LazyVGrid/LazyHGrid、セクションとスワイプ操作を備えた List、ScrollPosition とスクロール連動の表示サーフェスを使う ScrollView、バリデーション付き Form、Toggle/Picker/Slider、.searchable、オーバーレイパターンを扱います。データ駆動型レイアウト、コレクションビュー、ページ形式の詳細表示、設定画面、検索インターフェース、一時的なオーバーレイ UI に使用します。
@grafana/scenes フレームワークを使って Grafana プラグインのページを構築します。新しいシーンページの作成、パネルやビジュアライゼーションの追加、ドリルダウンナビゲーションの設定、変数の定義、クエリーランナーの構成、テーブル／時系列／統計パネルの構築、SceneObjectBase の拡張によるカスタムシーンオブジェクトの作成に使用します。Grafana プラグインで SceneApp、SceneAppPage、EmbeddedScene、SceneQueryRunner、SceneDataTransformer、PanelBuilders、SceneFlexLayout、QueryVariable、ドリルダウン／タブの設定を扱う作業で起動します。
Appllama MCP（mcp.appllama.io）を活用し、実際の売上上位モバイルアプリ、その画面、フロー、UI要素を調査して、得られた知見を基に構築します。Appllama MCPに接続されており、モバイルアプリや画面の構築、アプリのデザインパターンの調査、オンボーディング／ペイウォール／機能フローの分析、既存画面の改善に関するタスク、または appllama_* / search_apps / list_app_screens ツールが利用可能な場合に読み込みます。ツール一覧、ページネーション、有効期限付きメディア、調査結果を基に構築するための一連の手順を扱います。
iOS 26 以降の SwiftUI Liquid Glass エフェクトの実装、レビュー、改善を行います。glassEffect モディファイア、GlassEffectContainer、ガラスボタンのスタイル、ガラスのツールバー／タブバー、静的なステータスバッジとインタラクティブコントロール、モーフィングトランジション、色付け、インタラクティブなガラス、ToolbarSpacer、scrollEdgeEffectStyle、backgroundExtensionEffect、利用可能性の制御を扱います。Liquid Glass、ガラスボタン、glassEffect、GlassEffectTransition、glassEffectID、glassEffectUnion、スクロールエッジエフェクト、または iOS 26 デザインの採用について尋ねられたときに使用します。
プレミアムな UI/UX デザイン監査・改善スキルです。既存アプリを体系的にビジュアル監査し、段階的で実装可能なデザイン計画を作成します。UI の監査、アプリのビジュアルデザインの改善、より洗練された高級感のあるインターフェースへの調整、デザインの一貫性の確認、視覚的階層の修正、余白／タイポグラフィ／色の改善を依頼されたときに使用します。「デザインレビュー」「見た目を良くして」「UI のブラッシュアップ」「ビジュアル改善」「デザイン調整」「デザイン監査」や、アプリをよりプロフェッショナルにしたいという要望でも起動します。このスキルはビジュアルのみを扱い、機能、ロジック、機能性には触れません。既存のものをより良くします。
Mermaid 図（.mmd）を生成し、mmdc CLI または Kroki API を使って PNG/SVG/PDF にエクスポートします。ユーザーが diagram、flowchart、sequence diagram、class diagram、ER diagram、state machine、architecture、visualize、git graph、画图、架构图、流程图、时序图に言及した場合にこのスキルを使用します。3つ以上のコンポーネントを含むシステム、APIフロー、認証シーケンス、クラス階層、データベーススキーマ、状態マシンを説明する際は、積極的に使用します。11種類以上の図に対応し、レイアウトは完全自動です。
ユーザーが図、フローチャート、シーケンス図、クラス図、コンポーネント図、ER 図、アーキテクチャ図、ビジュアライゼーションを求めた場合に使用します。既存のソースコードからの図の生成や、Markdown ファイルに埋め込まれた PlantUML の画像へのレンダリング／抽出（例：Confluence/Notion 用ドキュメントの準備）も対象です。3 つ以上のコンポーネント、API、データフロー、クラス階層を含むシステムの説明でも積極的に使用します。.puml ファイルを生成し、Kroki API 経由で PNG/SVG にエクスポートします（ローカルへのインストールは不要）。
SwiftUI のジェスチャー処理の実装、レビュー、改善に使用します。タップ、長押し、ドラッグ、拡大、回転ジェスチャーの追加、simultaneously/sequenced/exclusively によるジェスチャーの合成、@GestureState による一時状態の管理、highPriorityGesture または simultaneousGesture による親子間のジェスチャー競合の解決、独自の Gesture プロトコル準拠の作成、非推奨の MagnificationGesture から MagnifyGesture への移行、新しい RotateGesture の使用を扱います。
WidgetKit のウィジェットやコントロールの実装、レビュー、改善に使用します。タイムラインプロバイダーを使ったホーム画面、ロック画面、StandBy、CarPlay ウィジェットの構築、AppIntentTimelineProvider による設定可能なウィジェット、Button/Toggle を接続したインタラクティブなウィジェットやコントロールセンターのコントロール、WidgetKit のプッシュ再読み込み、更新予算、ディープリンク、Smart Stack の関連性、Liquid Glass／アクセント付きレンダリング、ウィジェット拡張の設定、WidgetBundle、App Groups、エンタイトルメントを扱います。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。