Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
ApexCharts.js のチャートとデータ可視化を構築するための AI スキル（対象は v8）。ApexCharts を使ったチャートの作成、設定、トラブルシューティングに使用します（line、area、bar、pie、donut、radialBar、scatter、bubble、heatmap、candlestick、boxPlot、violin、histogram、radar、polarArea、rangeBar、rangeArea、treemap、funnel、pyramid、gauge、sunburst、icicle、unit、waffle、waterfall、dumbbell、streamgraph、raincloud）。適切なデータ形式、ライフサイクル、フォーマッター、tree-shaking、SSR、および機能プラットフォーム（プラグイン、canvas レンダラー、カスタムシリーズ、スモールマルチプル、元に戻す／やり直し、共有可能なビュー、テーマ、クロスフィルター、注釈作成、ストーリーボード、ストリーミング、ドリルダウン、ハイライトフィルター）を扱います。デフォルトの v8 バンドルに含まれるチャートタイプや機能と、明示的なインポートまたはフルバンドルが必要なものを把握しています。React / Vue / Angular プロジェクトでは、コア API よりフレームワーク用ラッパーパッケージ（`react-apexcharts`、`vue3-apexcharts`、`ng-apexcharts`）を優先します。
阿囤囤スタイルの小紅書（Xiaohongshu）カバープロンプト生成。AI ツール、効率化手法、製品レビュー、チュートリアルとデプロイ、個人の経験、ポッドキャスト紹介、仕事術・キャリア系コンテンツのバズる縦型カバーデザイン向け。特徴は実写の人物出演、特大の柔らかな淡黄色（#FDFFA7）／白の中文字タイトル、太い黒縁取り、人物の切り抜き縁取り、緑のチェックリスト、emoji ステッカー、矢印注釈、高コントラスト・高密度の構図。キーワード：小紅書カバー、バズるカバー、阿囤囤スタイル、AI チュートリアルカバー、製品レビューカバー、カバープロンプト。
Banana Slides API を介して AI 生成プレゼンテーションを作成、管理、エクスポートするためのコマンドラインツール。ユーザーが次を求めたときに使用する：(1) アイデア、アウトライン、説明から PPT／プレゼンテーション／スライドを生成する、(2) プロジェクトを PPTX、PDF、画像にエクスポートする、(3) 複数のプレゼンテーションを一括生成する、(4) プロジェクト、ページ、素材、テンプレートをプログラムで管理する、(5) 既存の PPT または PDF を改修／再設計する、(6) 自然言語でスライド画像を編集する。
ユーザーが Bootstrap Icons、Bootstrap アイコンライブラリ、Bootstrap Icons のインストール方法、Bootstrap Icons の使い方、Bootstrap アイコンフォント、Bootstrap アイコン SVG、Bootstrap アイコンスプライト、Bootstrap Icons CDN、Bootstrap Icons npm、Bootstrap Icons Composer、PHP Bootstrap Icons、Laravel アイコン、外部画像アイコン、img タグアイコン、CSS 背景アイコン、CSS マスクアイコン、Bootstrap アイコンのスタイル設定、Bootstrap アイコンのサイズ、Bootstrap アイコンの色、Bootstrap アイコンのアクセシビリティについて質問した場合、または Bootstrap プロジェクトでアイコンを使う際に支援が必要な場合に、このスキルを使用する。
ランディングページ、アプリ、ダッシュボード、AI 製品、デザインシステム、ブランドタッチポイントの構築・レビュー・研磨・反復のための、主張のあるプロダクトデザイン skill。まず UX と理解、次に抑制（3 つの文字サイズ、装飾の削除）、その次に基盤、最後に戦術的な技巧 —— 階層、スペーシングシステム、タイプスケール、HSL パレット、シャドウ、仕上げのディテール。20 本の YC Design Review 動画（Linear、Stripe、Cursor、Framer）と Refactoring UI の書籍から抽出。ユーザーがユーザー向けの何かをデザイン、リデザイン、批評、研磨したいと求めたときは常に使用する：「make it look better/more professional/trustworthy」、AI/vibe-coded な見た目の解消、ランディングページや料金ページの修正、コンバージョン改善、AI 機能や Agent UI のデザイン、token やデザインシステムの構築、URL/スクリーンショット/モックアップのレビュー。戦術的な UI の質問 —— 間隔がずれている、視覚的階層、色の選択、タイポグラフィ、空状態、Tailwind/CSS スタイリング —— でも、「design」という語がなくてもトリガーする。純粋なバックエンド/DevOps の作業には適さない。
Flutter UI を TalkBack、VoiceOver、JAWS/NVDA、大きな文字、高コントラスト、モーションの低減に対応させます。Semantics、MergeSemantics、ExcludeSemantics、BlockSemantics、48×48 のタップ領域、アイコンのみのツールチップ、TextScaler、MediaQuery a11y *Of ゲッター、ソートキーとキーボードフォーカス、コントラスト、ガイドラインテストを扱います。ユーザーがアクセシビリティ、a11y、semantics、TalkBack、VoiceOver、スクリーンリーダー、タップ領域、ツールチップ、文字サイズ、高コントラスト、モーション低減に言及するか、/flutter-improving-accessibility を実行したときに使用します。
コードベースのフロントエンドデザイン成熟度を診断し、適切なフロントエンドデザインスキルの順序で作業をルーティングする。ユーザーが広範または曖昧なデザイン依頼をしたとき——「これをもっと良く見せて」「UI を磨いて」「MVP っぽく感じる」「フロントエンドがめちゃくちゃ」「デザインはどこから始めればいい」「プロっぽく感じさせて」「デザインシステムを計画して」——または依頼が複数のデザイン課題にまたがり、どの単一スキルが当てはまるか不明確なときに使用。実際のコード（Tailwind 設定、CSS 変数、コンポーネント構造、hex コードのばらつき）を検査して成熟度を評価し、5 つの実装パスのうち 1 つを選び、デザインのロードマップを生成する。根拠に基づく成熟度診断と、各ステップが次へ受け渡す成果物を含む順序付きのスキルシーケンス。依頼が 1 つの課題（間隔のみ、色のみ、書体のみ）に明確に対応する場合は、これをスキップしてそのスキルを直接呼び出す。
Sakura Chroma —— ヴィンテージな日本製カセットパッケージの美学：クリームの紙、斜めのレインボーリボン、コンデンスドのボールド書体、JIS 風の仕様チェックボックス。ヴィンテージな日本製カセットパッケージや TDK / Sony / Sakura Color の製品カタログのような印象が求められるもの全般：インディー系ハードウェアブランドの資料、音楽レーベルのリリーススケジュール、アナログスタジオの回顧、zine や雑誌のピッチ、kawaii-tech 製品のローンチ、クリエイティブスタジオの年次報告。
Ink.js（CLI 向け React）の設計と実装ガイド。使用場面：(1) Ink.js コンポーネントの作成・変更 (2) Ink 固有の hooks（useInput、useApp、useFocus）の実装 (3) emoji／アイコンの幅問題の処理（string-width の回避策）(4) ターミナルに応じたレスポンシブレイアウトの構築 (5) マルチスクリーンナビゲーションの管理 (6) アニメーション（spinners、progress bars）の実装 (7) パフォーマンスの最適化（React.memo、useMemo）(8) キーボード入力とショートカットの処理 (9) CLI UI のテスト（ink-testing-library）
ユーザーが TUI の入力処理、raw モード、cbreak モード、ターミナルのキーボード解析、Esc と Alt の曖昧さ、Ctrl-C、ショートカット、フォーカス管理、マウスイベント、スクロールホイール、ブラケットペースト、ペーストの安全性、コマンドパレット、フォーム、テキスト編集、resize イベント、キーバインディング設計について尋ねるときにこの skill を使用する。以下の場合に積極的に有効化する：raw モード、キーボード入力、キーバインディング、マウスサポート、ペースト処理、フォーカスモデル、ターミナルフォーム、テキスト入力、vim/emacs 風ショートカット、入力の競合、クロスプラットフォームの Windows/macOS/Linux 入力挙動。提供するもの：入力アーキテクチャ、ショートカットのルール、フォーカスパターン、ペースト／マウスの安全性、障害モードのトリアージ。
iOS のアニメーションコードを正確性、パフォーマンス、アクセシビリティ、Apple API のベストプラクティスの観点でレビューする。アニメーションコードを含む .swift ファイルをレビューするときに使う — withAnimation、.animation()、PhaseAnimator、KeyframeAnimator、matchedGeometryEffect、navigationTransition、CABasicAnimation、CASpringAnimation、UIViewPropertyAnimator、UIDynamicAnimator、symbolEffect、scrollTransition、contentTransition、またはカスタム Transition 準拠。
既存のロゴ、生成済みのブランドシステムボード、マスコットロゴ、ベースロゴ、アプリアイコン、ワードマークのロックアップ、シール、アイデンティティシートに、基になるシンボルを変えずに記憶に残るカラーシステム、適応型レイアウト、シナリオボード、カラーウェイのプロンプトを追加する。使用場面：色を追加する、色を変更する、パレットを作成する、カラーウェイを生成する、配色を適用する、一見したインパクトを高める、幅広い層への訴求を改善する、カラーウェイボードの背景/レイアウトを変更する、以前に生成したロゴをブランドカラーで強化するようユーザーが求めたとき。
MeltFlex AIを使い、写真からフォトリアルな屋内・屋外のリデザイン画像を生成します。部屋、ファサード、庭のスタイル変更、再設計、整理、バーチャルステージング、テーマ変更、床や壁仕上げ、階段、ドア、窓の交換、キッチンや浴室の改装、3Dドラフトの写真化、異なるスタイル・素材・季節での空間プレビューを希望する場合に使用します。映画のようなウォークスルー動画も生成できます。3Dモデルや3Dワールドには関連スキルmeltflex-3dを使用してください。MeltFlex REST APIに直接接続するため、追加インストールは不要です。
Nous Research のブランドアイデンティティに沿った画像とコンテンツを生成する。Nous / Theia / Hermes エコシステムでビジュアルを制作する場合に使用する。ネオクラシカルな彫像、サイバーパンク/インダストリアルグランジ、レトロアニメのイラストを融合させた「サイバークラシカル」スタイル。公式ブランドのカラーパレット、タイポグラフィ（Inter/IBM Plex Sans、JetBrains Mono、重いダメージ加工のディスプレイ書体）、Nous Girl マスコット、テクスチャシステム、画像プロンプトの構築を扱う。パレット、マスコット、ブランドコラージュの参照画像を同梱し、img2img の入力として使用できる。このスキルを無関係なリクエストに使用しないこと。最も近い指名の専門家にルーティングする。
提供された写真から、静的ポスター、シーンに合わせて作成したアダプティブな v0.2 フラットな紙のちぎり Apple Live Photo ZIP、およびその ZIP をローカルの Live Photo Importer に任意で引き渡すところまで、完全な Gathered Scenes ワークフローを実行する。カスタムの叙事ちぎりパスと広く丸みのある低周波輪郭を伴う、ソースから Live Photo までの一連の流れをユーザーが求める場合に使用する。静的ポスターのみ、3D の紙のカール、撮影されたシーン内部のモーションには使用しない。
Flutter アプリの日付とスケジュール UI 向けに、Syncfusion Flutter Calendar（SfCalendar）および Date Range Picker（SfDateRangePicker）ウィジェットを実装する。予約カレンダー、予約システム、日付範囲セレクター、イベントスケジュールインターフェイスを構築する際に使用する。この skill では、カレンダービュー、繰り返しイベント、日付ナビゲーション、ローカライズ、コールバック、カスタマイズを扱う。
Syncfusion TypeScript ContextMenu コンポーネントを実装するための包括的なガイド。右クリックまたは長押しで表示されるコンテキストメニューを構築するときにこのスキルを使用します。ネストしたメニュー、動的な項目、アニメーション、イベント、スタイル設定、データバインドなどの機能を含みます。このスキルは基本的なセットアップから、スクロール、アクセシビリティ、カスタムテンプレートといった高度な機能までを扱います。
Syncfusion JavaScript QueryBuilder コンポーネントの実装方法を、列、データバインディング、ルール管理、フィルタリング、テンプレート、ドラッグ＆ドロップ操作、インポート／エクスポート、アクセシビリティに関する包括的なガイダンスとともに解説。TypeScript アプリケーションで QueryBuilder のセットアップ、ルール作成、複雑なクエリ構築、高度なカスタマイズ、動的フィルター UI の要件に関する支援が必要な場合にこの skill を使用。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。