Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
shadcn/ui コンポーネント（Radix UI + Tailwind ベース）、Tailwind CSS のユーティリティファーストなスタイリング、canvas ベースのビジュアルデザインを使って、美しくアクセシブルなユーザーインターフェースを作成します。ユーザーインターフェースの構築、デザインシステムの実装、レスポンシブレイアウトの作成、アクセシブルなコンポーネント（ダイアログ、ドロップダウン、フォーム、テーブル）の追加、テーマや色のカスタマイズ、ダークモードの実装、ビジュアルデザインやポスターの生成、複数のアプリにわたる一貫したスタイルパターンの確立に使用します。
実際のアプリで使われているパターンを参考に、任意の画面を再設計します。スクリーンショット、コード、デザインファイルを共有すると、Mobbin 上のアプリが同じ画面をどう扱っているかを調べます。複数の方向性を検討したり、特定の問題を解決したりでき、変更ごとの根拠も確認できます。変更前後の画像と簡潔なレポートを提供します。既存のデザインシステムに沿って再設計し、機能している部分は維持します。ユーザーが既存の画面、セクション、コンポーネント、参考資料、Mobbin の検索結果やコレクション、保存した画面を示し、再設計、改善、スタイル変更、再構築、または複数案の提示を求めた場合に使用します。
Syncfusion SpeechToText コンポーネントを使用して、Blazor アプリケーションに音声入力を実装します。音声入力、音声認識、音声の文字起こし、Blazor での SpeechToText コンポーネントの実装が必要な場合は必ず使用してください。Syncfusion.Blazor.Inputs、マイク入力、音声テキスト変換、言語サポート、文字起こしテキストのバインド、リスニング状態、エラー処理、ブラウザー音声 API、その他の音声認識要件が対象です。
デジタルプロダクト向けに、ユーザー中心でアクセシブルなインターフェースコピー（マイクロコピー）を作成します。対象はボタン、ラベル、エラーメッセージ、通知、フォーム、オンボーディング、空の状態、成功メッセージ、ヘルプテキストです。アプリ、Web サイト、ソフトウェアインターフェースに表示されるテキストの作成・編集、会話フローの設計、ボイス＆トーンガイドラインの確立、プロダクトコンテンツの一貫性と使いやすさdyscreteた監査、UI 文字列のレビュー、既存インターフェースコピーの改善に使用します、目的のある、簡潔な、会話的で明快Radiantという 4 つの品質基準に基づく UX ライティングのベストプラクティスを適用します。アクセシビリティのガイドライン、研究に裏付けられたベンチマーク（文の長さ、理解率、読解レベル）、拡張されたエラーパターン、トーン適応フレームワーク、包括的な参考資料を含みます。
ソーシャルメディア、広告、ウェブサイトのヒーロー画像、クリエイティブ素材、印刷物向けのバナーをデザインします。AI 生成ビジュアルを用いた複数のアートディレクション案を提供します。操作：バナーのデザイン、作成、生成。プラットフォーム：Facebook、Twitter/X、LinkedIn、YouTube、Instagram、Google Display、ウェブサイトのヒーロー画像、印刷物。スタイル：ミニマリスト、グラデーション、大胆なタイポグラフィ、写真ベース、イラスト、幾何学、レトロ、グラスモーフィズム、3D、ネオン、デュオトーン、エディトリアル、コラージュ。ui-ux-pro-max、frontend-design、ai-artist、ai-multimodal の各スキルを使用します。
ラスター形式のロゴ（PNG/JPG/WebP/スクリーンショット）を、エッジの滑らかさを最優先の厳格な基準としてクリーンでミニマルな SVG に変換し、固定のグローバルしきい値を設けず、可能な限り IoU を高めます。続いて、Disney のアニメーション12原則を適用した演出付きロゴアニメーションを、単体で動作する JS レンダリング HTML として納品します。ロゴのアニメーション化、ロゴのリビール／スプラッシュ画面／ブランドイントロの作成、ロゴ画像のアニメーション SVG または HTML への変換、ベクター化したマークへの動きの追加、ブランドマークの読み込み／待機／ホバー時の動きの作成に使用します。v2：自己交差する描画アニメーションの演出（分割塗り、正確なイージング細分化、先端のきらめき）、閉じた可変幅リボンのフィッティング、定量的なモーション QA（イージングプローブ、インク差分の連続性スイープ）にも対応します。
動画、ストーリーボード、広告、アニメーション、AI 動画生成のワークフロー向けに、キャラクターデザインのドキュメントとシート画像を作成します。キャラクターのデザイン、参照画像からのキャラクター抽出、キャラクターシートやターンアラウンドシートの作成、シーン間で人物の一貫性を保つこと、動画プロジェクト用キャラクター素材の生成をユーザーが求めたときに使用します。まず確認可能な {character-name}.md のデザイン仕様を作成し、ユーザーの承認または修正を待ってから {character-name}.png を生成します。
@formkit/auto-animate（3.28kb）を使って、React、Vue、Solid、Svelte、Preact にゼロ設定のアニメーションを追加。React 19 StrictMode のバグ、SSR のインポート、条件付き親要素、ビューポートの問題、ドラッグ＆ドロップの競合、CSS transform のバグなど、記録済みの 15 種類のエラーを防止。リスト／アコーディオン／トーストのアニメーション、SSR アニメーションエラーや React 19 StrictMode の問題のトラブルシューティング、または prefers-reduced-motion に自動対応するアクセシブルなドロップイン型トランジションが必要な場合に使用
Lark ホワイトボード：Lark クラウドドキュメント内のホワイトボードをクエリおよび編集します。ホワイトボードをプレビュー画像としてエクスポート、未加工のノード構造をエクスポート、複数の形式でホワイトボードコンテンツを更新することをサポートしています。ユーザーがホワイトボードコンテンツを表示、ホワイトボード画像をエクスポート、またはホワイトボードを編集する必要がある場合にこのスキルを使用します。責任対象外：Lark クラウドドキュメントコンテンツ編集（lark-doc）、ドキュメント内の組み込みスプレッドシート / Base（lark-sheets / lark-base）。
カードベースのワークフロー管理向けに Syncfusion Blazor Kanban ボードコンポーネント（SfKanban）を実装します。Blazor アプリケーションで Kanban ボード、スイムレーン付きのタスク管理 UI、ドラッグ＆ドロップ式の列ワークフローを構築するときに使用します。このスキルでは、データバインディング、列とカードの設定、スイムレーンの整理、ドラッグ＆ドロップ操作、ダイアログ編集、並べ替え、WIP 検証、アクセシビリティ、ローカライズ、レスポンシブモードを扱います。
機能的なビジュアル出力を洗練されたプロフェッショナルなデザインへ自動的に変換する、包括的なデザイン向上システム。プレゼンテーション（pptx）、スプレッドシート（xlsx）、ダッシュボード、レポート、HTML 成果物、PDF、ウェブページ、データビジュアライゼーションなど、あらゆるビジュアル出力の作成時に使用します。標準のデザイントークンシステムとして Tailwind CSS に基づく体系的なデザイン思考を適用します。Alla Kholmatova のデザインシステムのフレームワークに従い、機能パターン（ユーザーが操作する対象）と知覚パターン（デザインの印象）を通じて判断を構成します。すべてのビジュアルコンテンツ作成依頼で起動し、出力がテンプレートではなく手作りのように見えるようにします。
Markdown でテキスト主体のビジュアル（チャート、図、カード、アーキテクチャ、ページレイアウト）を作成します。チャートと分析ビュー（棒、折れ線、円、ヒートマップ、相関、回帰）、信頼性と運用（レイテンシ、インシデント、スループット、サイクルタイム、OKR、スタンドアップ、オンコール）、プロダクトと財務（ファネル、リテンション、収益、予算）、プロセスとワークフロー（承認、BPMN）、ソフトウェア設計と振る舞い（クラス、ステートマシン、シーケンス、C4）、依存関係と影響（依存関係グラフ、ER、因果関係）、HTML によるシステムアーキテクチャ（レイヤースタック、区画、ゾーン、トポロジー、サービスカタログ、リクエストパス）、インフラ（クラウド、Kubernetes、ETL、ネットワーク、セキュリティ、IAM、コンプライアンス）、ガバナンスと人材（ArchiMate、組織図、採用）、ナレッジと計画（マインドマップ、ロードマップ、ガント、移行）、ドキュメント（比較、SWOT、メモ、ポリシー、カタログ、ケーススタディ）に対応します。ドキュメントに図、チャート、カードが必要な場合に使用します。図はリアルタイムでレンダリングされます。スライドデッキや数式表記には使用しません。非推奨：mermaid / canvas / drawio / dot
Blazor で SfRichTextEditor を拡張した AI 強化型 WYSIWYG エディター、Syncfusion SfSmartRichTextEditor を実装します。Blazor Server と Web App で、AI バックエンド（OpenAI、Azure OpenAI、Ollama、カスタム IChatClient）、Smart Action ツールバー、AI クエリダイアログ、AssistViewSettings、AI ポップアップのイベントやメソッド、または継承された Rich Text Editor 機能を設定するときに使用します。
Rive アニメーションプラットフォームの包括的なスキルです。スクリプト（Luau）、ランタイム統合（React/Next.js）、ステートマシン、データバインディング、完全な API を扱います。Rive でのインタラクティブアニメーションの作成、React/Next.js アプリへの Rive の統合、Rive スクリプト（Node、Layout、Converter、PathEffect プロトコル）の記述、ステートマシンによるアニメーション制御、スクロール連動アニメーションの実装、Rive 描画 API（Path、Paint、Renderer）の使用に利用します。トリガー：「rive」「rive animation」「rive script」「luau」「@rive-app/react-canvas」「state machine animation」「interactive animation」「scroll animation with rive」。
展開可能なコンテンツを含む折りたたみパネルを作成するための、Syncfusion Blazor Accordion コンポーネント実装ガイドです。アコーディオンの構築、折りたたみセクションや展開可能なパネルの実装、ナビゲーションコンポーネントでのコンテンツ整理、FAQ や折りたたみメニューの作成、ネストされたアコーディオンの追加、展開モード（単一または複数）の設定、イベント処理、スタイルのカスタマイズ、WCAG 準拠のアクセシビリティ対応、データバインディングの統合、Blazor アプリの縦型折りたたみコンテナの操作に使用します。
ウェブサイトのチャットボットや AI エージェントの会話フローを設計します。意図認識アーキテクチャ、分岐ロジック、フォールバック処理、人へのエスカレーション、会話分析を扱います。スクリプト型ボット（硬直したツリー構造で、例外的なケースに対応できない）、幻覚を起こすボット（構造のない LLM が内容を捏造する）、構造化ガイド付き会話（意図アーキテクチャと厳格なフォールバックを備えた LLM 活用型）の各パターンを率直に説明します。チャットボットの設計（このスキル）と実装（エンジニアリングおよびプラットフォーム作業）を区別します。チャットボット、会話型 AI、AI エージェント、チャットウィジェット、意図設計、会話フロー、ボットのエスカレーション、LLM のグラウンディングに関する場合に適しています。チャットボットが幻覚を起こす場合、スクリプト型ボットが例外的なケースに対応できない場合、またはチャットボットを初めて企画する場合にも適しています。
Clinicアーキテクチャに準拠したSwiftUI（iOS 26 / Swift 6.2）向けiOSアニメーションの実践ガイドです。モーショントークン、スプリング物理、ジェスチャーの連続性、空間トランジション、マイクロインタラクション、アクセシビリティを扱います。アニメーション対象のビューに@Equatableを適用し、アニメーション状態をDomain/Dataの機能境界に沿わせます。clinicのモジュール型MVVM-CアーキテクチャでSwiftUIアニメーションコードを作成、レビュー、リファクタリングする際に使用します。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。