Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
Python または R を使って、Nature 系およびその他の高インパクトジャーナル向けの投稿級の原稿図を作成、修正、監査、仕上げする。マルチパネルの科学プロット、matplotlib/seaborn、ggplot2/patchwork/ComplexHeatmap、ジャーナル対応の SVG/PDF/TIFF 書き出しを扱う。OpenRouter GPT Image 2 によるグラフィカルアブストラクトや、ユーザーが AI 生成を明示的に求めた場合の概念図・メカニズム図にも使用する。実行前に図の結論、エビデンスの論理、書き出しを確定し、選択または保存されたプロットバックエンドに従う。トリガー:paper figures、scientific/academic plotting、manuscript data visualization、論文配図、学術写作配図、科研绘图、科研作图、画图、作图、出図、論文図表、可視化、論文示意図、メカニズム示意図、図形摘要。ダッシュボードや Illustrator/Figma 主体のインフォグラフィックには使用しない。
React アプリでアニメーション、トランジション、モーションエフェクトを実装するときに使用する。アニメーション、トランジション、motion、framer motion、react spring、GSAP、登場/退場エフェクト、スクロールアニメーション、パララックス、ジェスチャー、ドラッグ、カードフリップ、画面の揺れ、ヘルスバー、ダメージ数値、ローディング状態、ページ遷移、ホバーエフェクト、あるいは動く・フェードする・拡大縮小する・インタラクションに反応すべき任意の要素について尋ねられたら、この skill を呼び出す —— たとえ "アニメーション" という語を使っていなくても。
インターフェース、マーケティング素材、ドキュメント向けのロシア語テキストの作成、書き直し、編集、レビュー、ローカライズ、またはロシア語テキストを含むインターフェースコンポーネントの生成。UI コピー、ランディングページ・製品ページ・広告・プロモーションメール・キャンペーンメッセージ・プロモーション用ソーシャル投稿などのマーケティングコピー、およびユーザーガイド・技術ドキュメント・手順書・README ファイル・ヘルプコンテンツ・API リファレンスなどのドキュメントにのみ使用する。通常の回答、説明、議論、やり取り、議事録、サポート返信、論説記事、その他インターフェース・マーケティング・ドキュメント作業以外のロシア語テキストには使用しない。
予算を意識した演出。スクロール連動アニメーションではまずネイティブ CSS を使い、必要に応じて GSAP ScrollTrigger を使用します。Lenis によるスムーズスクロールと無効にするタイミング、分割テキストの表示、ピン留めシーン、性能予算内での canvas と WebGL、マテリアルとしてのシェーダー、画面外での一時停止、読み込み戦略、ページの可読性を保つ reduced-motion と JavaScript 無効時のフォールバックを扱います。マーケティングページ、ポートフォリオ、ローンチページ、ヒーローセクションに使用します。プロダクト UI には使用しません。
印象的でブランドに沿ったプレゼンスライドとデッキをエンドツーエンドで制作する。あらゆるデザインシステムに対応。ユーザーがスライド、デッキ、プレゼンテーション、ピッチ、企業/製品/営業資料のブレインストーミング、構築、デザイン、生成、レビュー、書き出しを望むときはいつでもこの skill を使用する。ジョブ別のワークフローとして動作する:デッキの構成をブレインストーミングし、レビューループを回して HTML デッキを生成し、編集可能な PPTX、画像 PPTX、単体 HTML、または PDF に書き出す。デザインシステムに依存しない — ユーザーが独自のデザインシステムを持っていればそれを使い、`nextlevelbuilder/ui-ux-pro-max-skill` がインストールされていればその提案を使い、そうでなければ同梱の中立的なデフォルトテーマを使う — そしてすべてをデザイントークンで駆動する(色やフォントをハードコードしない)。トークン駆動のブランドキット(トークン、フォント、ロゴ、34 種類の既成レイアウト)、「wow」クラフトガイド、アンチスロップ検証器、すぐ使える React デッキテンプレート、ポイント&コメント編集モード、検証済みの編集可能 PPTX パイプラインを同梱する。また、デザイン層(トークン、コンポーネント、パターン)だけを別のスライド生成器に提供し、その出力が汎用テーマではなく実際のデザインシステムを使うようにすることもできる。
プラットフォームに依存しない優れたウェブサイトの仕様「The Website Specification」を検索して適用します。各項目は必須、推奨、任意、回避に分類されています。サイトに必要な要素、何かが必須かどうか、URL の監査方法、エージェント対応に不足している点など、ウェブのベストプラクティスを推測で答えることになる質問に使用します。WHATWG、W3C、IETF RFC、IANA、WCAG などの一次資料に基づいて回答します。HTTP 経由の Markdown として利用でき、検索、一覧、取得、チェックリスト、監査ツールを備えた MCP サーバーとしても利用できます。
Syncfusion ASP.NET Core TimePicker コンポーネント(EJ2)を実装する。ユーザーが ASP.NET Core アプリケーションにタイムピッカー、時間選択入力、時間フィールド、または時計ピッカーを追加する必要がある場合にこのスキルを使用する。以下の場合にこのスキルをトリガーする:TimePicker のセットアップ、時間範囲の構成、厳格モード、時間マスク、マスクされた時間入力、グローバリゼーション、RTL サポート、ローカライズ、アクセシビリティ、キーボードナビゲーション、CSS カスタマイズ、カスタムスタイル、TimePicker を使ったフォーム検証、TimePickerFor モデル バインド、時間形式の構成、時間ステップ間隔、フローティングラベル、クリアボタン、全画面ポップアップ、ポップアップの動作、スクロール位置、サーバーのタイムゾーン、および ejs-timepicker タグヘルパーや Syncfusion EJ2 TimePicker を含むあらゆるシナリオ。
日付選択用の Syncfusion .NET MAUI DatePicker(SfDatePicker)コントロールを実装します。日付ピッカーの実装、日付選択 UI の追加、SfDatePicker コントロールの利用に使用します。外観のカスタマイズ(ヘッダー、フッター、列)、日付形式(20 種類以上の定義済み形式)、日付制限(最小/最大日付、選択不可日)、ピッカーモード(Dialog、RelativeDialog)を扱います。
Syncfusion .NET MAUI DateTimePicker(SfDateTimePicker)コントロールを実装します。.NET MAUIアプリでの日付と時刻の選択、日時ピッカー、日時入力インターフェースの実装に使用します。DateTimePickerのセットアップ、日時の書式設定、ピッカーモード(ダイアログ/相対)、カスタマイズ、日付制限、間隔、イベント、ローカライズ、アクセシビリティを扱います。
素早く書けるコードベースを保守しやすく保つ実践に従って Tailwind CSS を書きます — マジック値ではなくデザイントークンを使い、クラスリストを短く保ち、トークンを意味的にグループ化し、一貫した順序でクラスを生成し、繰り返しスタイルの抽出に @apply を避け、任意の className プロップではなく固定バリアントを使います。Tailwind のクラス、コンポーネント、設定を書いたり編集したりするとき、また既存の Tailwind プロジェクトをレビュー、クリーンアップ、リファクタリング、監査するときに使用します。Tailwind に関係しない一般的な CSS アーキテクチャや、CSS 出力に関係しないビルドツール(バンドラー、JS 圧縮など)には使用しないでください。
最新ドキュメントを用いて TanStack Charts Alpha(0.18.x)のチャートを構築、レビュー、デバッグ、移行、または計画する。@tanstack/charts、@tanstack/charts/react、@tanstack/charts/react-native、@tanstack/charts/scales/*、defineChart、スケールレジストリ(scales.x/scales.y、名前付きスケール、複数軸)、svgAnimation、motion()、tooltip/portal、レイアウト stack/group、groupBy/binX/rollingWindow/rank/normalize/fold/waterfall/mosaic、lineY、areaY、barY(角丸)、boxY、violinY、waffleY、ridgelineY、differenceY、linearRegressionY、rect、cell、dot、hexagon、crosshair、whenFocused、decorative、facet、polar、geoShape、treemap、sunburst、sankeyDiagram、hexbin、contour、brushX、zoomX、keyedSelection、colorLegendItems、gradients、focusRing、Chart、Canvas、canvasChartRenderer、グラフィックスの文法のマーク/チャネル/スケール、および Recharts、Chart.js、ECharts、Observable Plot、アーカイブされた react-charts、@tanstack/react-charts、@tanstack/charts-scales、pre-Alpha 版 TanStack Charts 0.0.x–0.15.x(ルートの x/y スケール)からの移行に使用。
shadcn/ui コンポーネント(Radix UI + Tailwind ベース)、Tailwind CSS のユーティリティファーストなスタイリング、canvas ベースのビジュアルデザインを使って、美しくアクセシブルなユーザーインターフェースを作成します。ユーザーインターフェースの構築、デザインシステムの実装、レスポンシブレイアウトの作成、アクセシブルなコンポーネント(ダイアログ、ドロップダウン、フォーム、テーブル)の追加、テーマや色のカスタマイズ、ダークモードの実装、ビジュアルデザインやポスターの生成、複数のアプリにわたる一貫したスタイルパターンの確立に使用します。
Vue 3 + UnoCSS のデザインシステムおよびコンポーネントライブラリである Vunor を扱うときに使用する。presetVunor、vunorShortcuts/defineShortcuts/mergeVunorShortcuts、VunorVueResolver、Nuxt モジュール、Vu プレフィックス付きコンポーネント、セマンティックな UnoCSS クラス(scope-*、layer-*、surface-*、current-*、c8-*、i8-*、card、fingertip、spacing、typography)、公開コンポジションプリミティブ(btn、menu-item、popup-card、i8-bare、disabled-soft)、パレット/テーマの調整、ショートカット上書きパターンを扱う。インポート:vunor、vunor/theme、vunor/utils、vunor/vite、vunor/nuxt。
ユーザーの業務システム、ワークフロー、ツールのインタラクティブな HTML 図を生成する。すべてがどのようにつながり、データがどこを流れ、どの AI エージェント / スケジュールタスクがいつ実行され、プロセスがどのように連携するかを示す。ユーザーが「ワークフローを可視化して」「システムを整理して」「これがどうつながっているか見せて」「business OS」「システム図」「ワークフローマップ」と言った場合、または自身の仕事のアーキテクチャをリストではなく図として見たい場合に使用する。出力は、クリック可能なノードと詳細の段階的な開示を備えた単一の自己完結型 HTML ファイルである。
ユーザーが "data journalism"、"data visualization"、"data storytelling"、"FOIA request"、"RTI request"、"spreadsheet analysis"、"chart design"、"act as a data journalist"、"data journalist mode"、"infographic"、"open data"、"statistical analysis for journalism"、"investigative data"、"public records"、"Datawrapper"、"Flourish"、"Tableau Public"、"D3.js"、"chart type selection" について質問する場合、またはジャーナリズムのストーリーテリングのためにデータを見つけ、分析し、可視化する専門知識を必要とする場合に、このスキルを使用する。AlterLab FC Skills コレクション(ニューメディア・コミュニケーション部門)の一部。
iOS、iPadOS、macOS、watchOS、tvOS、visionOS 向けのネイティブ UI/UX の設計、構築、レビューに役立つ Apple Human Interface Guidelines(HIG)を提供します。システムコンポーネント(ボタン、シート、メニュー、リスト、ピッカー、ナビゲーション)、入力方法(ジェスチャー、Apple Pencil、Digital Crown、Camera Control、キーボード)、基本的なデザイン要素(色、タイポグラフィ、マテリアル、モーション、SF Symbols、アクセシビリティ、ダークモード、アプリアイコン)、インタラクションパターン(オンボーディング、検索、ドラッグ&ドロップ、通知、取り消し/やり直し)、プラットフォーム固有の考慮事項、テクノロジー(Siri、Apple Pay、HealthKit、SharePlay)を扱います。Apple プラットフォーム向け UI の設計、構築、レビュー、システムコンポーネントの選択、インタラクションやビジュアル要素に関する Apple の推奨事項の確認、HIG への準拠確認、Apple のデザイン用語についての質問で利用します。「HIG」と明示されていない場合も対象です。
inference.sh CLI 経由で BiRefNet を使って画像の背景を除去します。モデル:BiRefNet(高精度の背景除去)。用途:商品写真、ポートレート、E コマース、透過 PNG、写真編集。トリガー:remove background、background removal、remove bg、transparent background、cut out image、background remover、rembg、product photo editing、cutout、transparent png、bg removal、photo cutout。
ユーザーがコンテンツ(記事、ノート、スクリーンショット、データ、製品説明)を中国語の画像+テキストのカードセットにしたいときに使用する — 小紅書 / Rednote の 3:4 縦長画像、WeChat 公式アカウントのカバー、ソーシャルカード。3 つの独自ビジュアル言語(静纸 Still Paper 本手记 / Signal Proof 证据层 / Bridge Canvas 跨平台桥)を提供し、Claude が内容を読み取り自ら brief.json を作成、決定論的エンジンに渡して、第一印象で目を引き、一目で判別でき、中国国内ですぐに使えるカードセットをレンダリングする。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。
