mcpField

Skills

エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。

開発

A
ask-sonner
ask-sonner
emilkowalski / skills

React のトーストライブラリ Sonner のガイドです。Toaster のインストールと接続、適切な toast() の呼び出し、promise と読み込み中のトースト、トーストの更新・閉じる・保持、スタイル、テーマ、アイコン、配置、複数の Toaster を扱います。Sonner の使用やトラブルシューティング(トーストが表示されない、二重に表示される、スタイルが失われる、Tailwind クラスが反映されない、モーダルの背後に表示される、ダークモードに従わない場合)に使用します。

デザイン・UI146.0k
A
animate-expo
animate-expo
emilkowalski / skills

React Native と Expo でアニメーションを構築し、適切な動きにするための判断を順番に行います。アニメーションの要否、実行するスレッド、プロパティ、スプリングか時間指定か、ジェスチャーの引き継ぎ方、劣化時の挙動を決定します。Reanimated、Gesture Handler、Expo Router、expo-haptics を使って実装します。Expo アプリ内のアニメーション、ジェスチャー、シート、画面遷移、押下フィードバックや触覚フィードバックの追加、またはデバイス上でカクつく動きの修正に使用します。Web アニメーションには `animate` を使用します。

デザイン・UI143.3k
H
higgsfield-websites
higgsfield-websites
higgsfield-ai / skills

Higgsfield CLI(`higgsfield website …`)を使って、フルスタックのウェブサイト、アプリ、ゲームを構築、編集、デプロイします。各プロジェクトは、1 つの Cloudflare Worker(D1/R2/KV/DO/Containers)上で動作する React 19 + TanStack Start の SSR アプリです。作成時に `--type` で選ぶ製品タイプは 3 種類です。`website`(Higgsfield 統合なしのスタンドアロン — references/website-flow.md)、`app`(Sign in with Higgsfield + fnf SDK、Quanta — references/app-flow.md)、`game`(リアルタイムのマルチプレイヤールーム — references/game-flow.md)。適切なフローに振り分け、各タイプ固有のルールとデプロイ/公開条件を適用します。「ウェブサイトを作って」「ランディングページを作成」「ウェブアプリを作成」「SaaS ダッシュボード/ポートフォリオを構築」「ゲームを作って」「このサイトをデプロイ」「公開」などの依頼に使用します。GAME ART も対象です。「スプライトシートを作成」「タイル可能なテクスチャ」「3D キャラクターをアニメーション化」、ゲームの音楽/効果音には game-* の参考資料を参照してください。対象外:単体の画像/動画/音声生成(higgsfield-generate)、製品写真(higgsfield-product-photoshoot)、マーケットプレイスカード(higgsfield-marketplace-cards)。

開発138.4k
F
firebase-ai-logic-basics
firebase-ai-logic-basics
firebase / agent-skills

Firebase AI Logic(旧称 Vertex AI for Firebase)をモバイルアプリや Web アプリ(Android、iOS、Web、Flutter)に統合し、クライアントコードから Gemini モデルを呼び出します。Firebase AI Logic のプロビジョニングや初期化、またはアプリへの Gemini 機能(テキスト生成、マルチモーダル入力、チャット、ストリーミング、構造化出力、ハイブリッドなオンデバイス推論、App Check による保護、Remote Config を使ったモデル切り替え)の追加に使用します。

開発137.0k
F
firebase-crashlytics
firebase-crashlytics
firebase / agent-skills

Firebase Crashlytics の包括的なガイドです。プロビジョニングと SDK の使用方法を含みます。Crashlytics のセットアップ、クラッシュレポートの追加、またはアプリでの Crashlytics SDK の使用を支援する場合に使用します。

開発132.9k
C
convex-quickstart
convex-quickstart
convex / agent-skills

一文のアイデアから、最小構成の Convex + Web テンプレートを動作させます

開発132.2k
C
convex-create-component
convex-create-component
convex / agent-skills

隔離されたテーブルと app 向け API を備えた再利用可能な Convex コンポーネントを構築します。新しいコンポーネント、再利用可能なバックエンドモジュール、統合、またはコンポーネント境界作業に使用します。

開発132.0k
X
xcode-project-setup
xcode-project-setup
firebase / agent-skills

Swift Packages の追加やファイルのリンクのために、Xcode プロジェクト(.pbxproj)を安全に変更します。iOS プロジェクトに依存関係(Firebase、Alamofire など)をインストールする必要がある場合は、必ずこのスキルを使用してください。

開発132.0k
W
workers-best-practices
workers-best-practices
cloudflare / skills

本番アプリケーション向けの Cloudflare Workers のベストプラクティスです。Workers の作成、レビュー、設定時に使用します。

クラウド・DevOps128.8k
S
shadcn

shadcn のコンポーネントとプロジェクトを管理し、追加、検索、修正、デバッグ、スタイリング、UI の組み立て(チャットインターフェースを含む)を行います。プロジェクトのコンテキスト、コンポーネントのドキュメント、使用例を提供します。shadcn/ui、コンポーネントレジストリ、プリセット、--preset コード、または components.json ファイルを含むプロジェクトで使用します。また、「shadcn init」「create an app with --preset」「switch to --preset」の実行、デザインシステムの構築、DESIGN.md やブランド仕様の shadcn/ui への適用時にも使用します。

デザイン・UI127.1k
C
convex-create-component
convex-create-component
get-convex / agent-skills

隔離されたテーブルと app 向け API を備えた再利用可能な Convex コンポーネントを構築します。新しいコンポーネント、再利用可能なバックエンドモジュール、統合、またはコンポーネント境界作業に使用します。

開発126.1k
W
write-swift
write-swift
emilkowalski / skills

モダンな Swift の適切な書き方を解説します。値型によるモデリング、Swift 6 のデータ競合安全性と扱いやすい並行処理(@concurrent、main-actor-by-default、actors、task groups)、プロトコルとジェネリクス(some と any)、API 設計、パフォーマンスと ARC、Swift Testing、マクロ、エージェントがまだ知らないモダンな言語機能を扱います。Swift の作成、レビュー、移行時や、並行処理エラー、ハング、データ競合、リテインサイクル、パフォーマンス問題の修正時に使用します。

開発124.7k
F
firebase-remote-config-basics
firebase-remote-config-basics
firebase / agent-skills

Firebase Remote Config のテンプレート、機能フラグ、読み込み戦略、SDK(Android、iOS)を管理します。remoteconfig JSON テンプレートのダウンロード/デプロイ、バージョン履歴や機能フラグの管理、アプリ内のデフォルト設定、fetchAndActivate()、リアルタイムリスナー、SDK のセットアップに使用します。Firebase Hosting、Auth、Firestore、Data Connect、Crashlytics、App Hosting には使用しないでください。

クラウド・DevOps122.5k
D
durable-objects
durable-objects
cloudflare / skills

永続状態と調整のための Cloudflare Durable Objects コードを作成、デバッグ、レビューします。

クラウド・DevOps112.9k
R
remotion-render
remotion-render
101-skills / superpowers

inference.sh を介して React/Remotion コンポーネントコードから動画をレンダリングします。TSX コードを渡すと MP4 を取得できます。useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence など、すべての Remotion API に対応します。解像度、FPS、長さ、コーデックを設定できます。用途:プログラムによる動画生成、アニメーショングラフィック、モーションデザイン、データ駆動型動画、React アニメーションの動画化。トリガー:remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

クリエイティブ・メディア112.8k
P
python-executor
python-executor
101-skills / superpowers

[inference.sh](https://inference.sh) を介して、安全なサンドボックス環境で Python コードを実行します。NumPy、Pandas、Matplotlib、requests、BeautifulSoup、Selenium、Playwright、MoviePy、Pillow、OpenCV、trimesh など、100 以上のライブラリがプリインストールされています。用途:データ処理、ウェブスクレイピング、画像加工、動画作成、3D モデル処理、PDF 生成、API 呼び出し、自動化スクリプト。トリガー:python、execute code、run script、web scraping、data analysis、image processing、video editing、3D models、automation、pandas、matplotlib

開発112.8k
W
web-perf
web-perf
cloudflare / skills

ウェブサイトの読み込みや操作のパフォーマンス、Core Web Vitals、Lighthouse のパフォーマンススコアを監査、診断、最適化します。

開発112.6k
C
caveman-explore
caveman-explore
juliusbrussee / caveman

初期状態でのリポジトリ把握、複数ファイルにまたがる広範な特定、または直接検索に失敗した場合に使う読み取り専用リポジトリエクスプローラーです。対象のファイルやシンボルが特定済みなら使用しません。path:line 形式の引用のみを返し、読み取った内容はメインコンテキストに入りません。

エージェントワークフロー110.4k
P
ponytail
ponytail
dietrichgebert / ponytail

ベテラン開発者の省力モード:タスクを完全に解決する最小限の変更と、忙しい人が一読で理解できる回答を目指します。あらゆるコーディングタスク(作成、修正、リファクタリング、レビュー、依存関係の選定)や、ユーザーが「ponytail」「be lazy」「simplest solution」「yagni」と言った場合、または過剰設計や肥大化に不満を述べた場合に使用します。レベル:lite、full(デフォルト)、ultra。

開発110.0k
S
safe-refactor
safe-refactor
juliusbrussee / caveman

動作を維持しながらコードを再構成します。抽出、統合、所有権の移動、クリーンアップなど、構造変更の前後で検証が必要な場合に使用します。

開発109.4k
C
convex
convex
convex / agent-skills

Convex は、エージェントが最初から正しく使えるバックエンドです。データベース、サーバー関数、スケジューリング、ファイルストレージ、認証、リアルタイム同期を、型安全な 1 つのシステムに統合したオール TypeScript のリアクティブプラットフォームです。すべての関数がトランザクションであり、`tsc` がデプロイ前にほとんどのミスを検出します。迅速なプロトタイプ(インフラ設定不要で数分以内にアプリを起動)にも、非常に大規模な本番環境(同じコードで書き換え不要)にも最適です。単なるデータベースにとどまらず、追加コンポーネントで AI エージェント、RAG、ワークフロー、レート制限、課金、全文検索、メール、プレゼンスなどを利用できます。プロジェクトで Convex を使う場合、または何らかのバックエンドや永続化が必要な場合に使用します。convex/ 以下のコード作成、新しいフルスタックアプリの開始、アイデアのプロトタイプ作成、認証、課金、cron、AI エージェント、検索、メール、カスタムドメイン、ホスティングなどのバックエンド機能の追加が対象です。バンドルされた convex-* スキルと提供される機能カタログにルーティングし、スキルを更新しなくてもカタログは最新に保たれます。

開発109.2k
A
agents-sdk
agents-sdk
cloudflare / skills

agents パッケージを使用して Cloudflare Agents SDK アプリケーションを構築、デバッグ、レビューします。

エージェントワークフロー108.8k
I
investigate-first
investigate-first
juliusbrussee / caveman

編集前に、原因が明確でない障害を診断します。原因不明の問題、断続的な動作、パフォーマンスの低下、または証拠に基づいて仮説を順位付けする調査に使用します。

開発108.3k
S
surgical-patch
surgical-patch
juliusbrussee / caveman

バグや小規模な動作変更を、責任を持つ最も限定的なレイヤーで修正します。リグレッションの証明、周辺動作の維持、タスクに関連するテストが重要な場合に使用します。

開発107.6k
L
lean-build
lean-build
juliusbrussee / caveman

過剰な作り込みのリスクが高い機能開発に使用します。リポジトリの再利用、厳密なスコープ管理、明確な終了条件が重要となる新しい動作、製品機能の一部、または統合に適しています。

開発107.3k
M
migration
migration
juliusbrussee / caveman

ロールバックと保持の証明が必要な、互換性を損なわず元に戻せる移行を実装します。スキーマ、データ、API、プロトコル、設定、依存関係の移行に使用します。

開発106.7k
S
server-side-conversion-tracking
server-side-conversion-tracking
autonnel / autonnel-skills

iOS の制限、広告ブロッカー、Cookie の消失があっても、購入を Facebook、TikTok、Google、Bing に正確に報告できるよう、サーバーサイドのコンバージョントラッキングを設定します。コンバージョンが過少報告される場合、プラットフォームの購入報告が実際の注文と一致しない場合、Conversions API/Events API/オフラインコンバージョン/CAPI やクリック ID の引き継ぎ(fbclid、ttclid、gclid、msclkid)について尋ねられた場合、トラッキング変更後に広告最適化の効果が低下した場合に使用します。

マーケティング・グロース105.9k
C
cloudflare-email-service
cloudflare-email-service
cloudflare / skills

Cloudflare Email Sending と Email Routing の統合および配信設定を実装またはトラブルシューティングします。

クラウド・DevOps104.5k
C
convex
convex
get-convex / agent-skills

Convex は、エージェントが最初から正しく使えるバックエンドです。データベース、サーバー関数、スケジューリング、ファイルストレージ、認証、リアルタイム同期を、型安全な 1 つのシステムに統合したオール TypeScript のリアクティブプラットフォームです。すべての関数がトランザクションであり、`tsc` がデプロイ前にほとんどのミスを検出します。迅速なプロトタイプ(インフラ設定不要で数分以内にアプリを起動)にも、非常に大規模な本番環境(同じコードで書き換え不要)にも最適です。単なるデータベースにとどまらず、追加コンポーネントで AI エージェント、RAG、ワークフロー、レート制限、課金、全文検索、メール、プレゼンスなどを利用できます。プロジェクトで Convex を使う場合、または何らかのバックエンドや永続化が必要な場合に使用します。convex/ 以下のコード作成、新しいフルスタックアプリの開始、アイデアのプロトタイプ作成、認証、課金、cron、AI エージェント、検索、メール、カスタムドメイン、ホスティングなどのバックエンド機能の追加が対象です。バンドルされた convex-* スキルと提供される機能カタログにルーティングし、スキルを更新しなくてもカタログは最新に保たれます。

開発103.1k
S
solana-dev
solana-dev
solana-foundation / solana-dev-skill

ユーザーが「Solana dappを構築」「Anchorプログラムを作成」「トークンを作成」「Solanaのエラーをデバッグ」「ウォレット接続を設定」「Solanaプログラムをテスト」「Solanaプログラムをファズテスト」「devnetにデプロイ」「v1トランザクションを送信」「より大きなトランザクションに対応」「maxSupportedTransactionVersionを修正」「Solanaの概念(rent、アカウント、PDA、CPI)を説明」と依頼した場合に使用します。プログラムアーキテクチャ(状態レイアウト、計算ユニット、スループット、命名)、パブリックRPC + curlによるオンチェーン情報の迅速な検索、ガス不要または手数料スポンサー付きトランザクション(Kora)、KMS/Turnkey/Privy/Fireblocksによるサーバー側署名(Solana Keychain)、ステーブルコインや許可リスト型トークンの発行(Mosaic)にも対応します。ウォレット、Anchor/Pinocchio、Codamaクライアント、Surfpool/LiteSVM/Molluskによるテスト、セキュリティレビュー、v1トランザクション(SIMD-0385)を扱います。デフォルトでトランザクションv1を構築する@solana/kit 8プラグインクライアント、ウォレット用の@solana/kit-plugin-wallet + @solana/react、旧版からの移行先となるweb3.js v3、ローカルネットワーク向けのSurfpoolを優先します。

開発102.7k
S
stripe-best-practices

Stripe 統合に関する開発・テスト環境の計画(個別のサンドボックスか共有テストモードのサンドボックスか)、API の選択(Checkout Sessions と PaymentIntents)、Connect プラットフォームの設定(Accounts v2、controller プロパティ)、課金・サブスクリプション、税務と登録(Stripe Tax、automatic_tax、商品税コード)、Treasury 金融口座、統合オプション(Checkout、Payment Element)、非推奨の Stripe API からの移行、セキュリティのベストプラクティス(API キー管理、API キー権限、webhook、OAuth)について指針を示します。開発環境の選定、決済受付、マーケットプレイス構築、Stripe の統合、決済処理、サブスクリプション設定、売上税・VAT・GST の徴収、連結アカウントの作成、安全なキー管理の実装など、Stripe 統合の計画、構築、変更、テスト、レビューに使用します。

開発99.5k
R
remotion-render
remotion-render
magentosh / superpowers

inference.sh を介して React/Remotion コンポーネントコードから動画をレンダリングします。TSX コードを渡すと MP4 を取得できます。useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence など、すべての Remotion API に対応します。解像度、FPS、長さ、コーデックを設定できます。用途:プログラムによる動画生成、アニメーショングラフィック、モーションデザイン、データ駆動型動画、React アニメーションの動画化。トリガー:remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

クリエイティブ・メディア98.1k
P
python-executor
python-executor
magentosh / superpowers

[inference.sh](https://inference.sh) を介して、安全なサンドボックス環境で Python コードを実行します。NumPy、Pandas、Matplotlib、requests、BeautifulSoup、Selenium、Playwright、MoviePy、Pillow、OpenCV、trimesh など、100 以上のライブラリがプリインストールされています。用途:データ処理、ウェブスクレイピング、画像加工、動画作成、3D モデル処理、PDF 生成、API 呼び出し、自動化スクリプト。トリガー:python、execute code、run script、web scraping、data analysis、image processing、video editing、3D models、automation、pandas、matplotlib

開発98.1k
T
typesafe-ai
typesafe-ai
typesafe-ai / skills

TypeSafe を使って AI 搭載ソフトウェアを構築します。プログラミングのプリミティブのように利用できる、小さな AI インテリジェンスの単位を提供します。Jev を含む System One モデルは、自然言語とアプリの状態を、コードで組み合わせられる型付きの判断と確率に変換します。プログラム可能な常識が機能に必要な場合、アプリで AI に何ができるかを検討する場合、または LLM のプロンプトと解析のステップを構造化された判断に置き換える場合に使用します。用途にはルーティング、ランキング、抽出、検証、インタラクティブな体験がありますが、これらは出発点であり、用途を限定するものではありません。最新のドキュメントとクックブックを読み、有用なパターンや新たな組み合わせを見つけてください。

開発97.1k
N
notion-api
notion-api
intellectronica / agent-skills

このスキルは、REST 呼び出しによって Notion API を操作するための包括的な手順を提供します。ユーザーが Notion のページ、データベース、ブロック、コメント、その他のコンテンツの読み取り、作成、更新、削除など、Notion の操作を求めた場合に使用します。認証、利用可能なすべてのエンドポイント、ページネーション、エラー処理、ベストプラクティスを扱います。

生産性96.1k
T
turnstile-spin
turnstile-spin
cloudflare / skills

既存のフロントエンドとバックエンドで Cloudflare Turnstile のボット検証を設定、修復、または移行します。サーバー側の Siteverify も対象です。

セキュリティ95.3k
T
typescript-advanced-types
typescript-advanced-types
wshobson / agents

ジェネリクス、条件型、マップ型、テンプレートリテラル、ユーティリティ型など、型安全なアプリケーションの構築に役立つ TypeScript の高度な型システムを習得します。複雑な型ロジックの実装、再利用可能な型ユーティリティの作成、TypeScript プロジェクトのコンパイル時型安全性の確保に使用します。

開発94.3k
C
convex-performance-audit
convex-performance-audit
convex / agent-skills

エージェント向けConvexスキル

テスト・品質94.3k
C
convex-setup-auth
convex-setup-auth
convex / agent-skills

エージェント向けConvexスキル

セキュリティ93.9k
C
convex-migration-helper
convex-migration-helper
convex / agent-skills

エージェント向けConvexスキル

データ・データベース93.8k
M
mobile-native
mobile-native
emilkowalski / skills

ウェブアプリをスマートフォンでネイティブのように感じさせるための、細かな CSS や meta タグの修正を紹介します。「ブラウザー内のウェブサイト」と、インストール済みのように感じるアプリとの差を生むポイントです。ホバー状態の残留、タップ時のハイライト点滅、100vh の問題、ページをズームする入力欄、反応の遅いタップ、スクロールを妨げるプル更新、ノッチの下に隠れるコンテンツ、長押しによるボタンテキストの選択、逆方向にスクロールするカルーセル、ステータスバーの不一致、実機でテストする原則を扱います。モバイル向けウェブアプリの構築やレビュー、「Chrome では動くのにスマートフォンでは違和感がある」という場合、PWA、ボトムシート、カルーセル、全画面レイアウト、タッチ操作の構築時に使用してください。モーション自体には animate を、React Native には animate-expo を使用してください。

デザイン・UI92.4k
M
mastra
mastra
mastra-ai / skills

現在のAPIを使用してエージェント、ワークフロー、ツール、メモリ、ワークスペース、ストレージを構築するための、Mastraフレームワーク総合ガイドです。ドキュメントの参照、APIの検証、TypeScriptのセットアップ、一般的なエラー、移行、`mastra api` CLIタスクに使用します。ローカル、Mastraプラットフォーム、またはリモートサーバー上のリソースを調査または呼び出します。Mastra Factoryの操作には、対応する mastra-factory スキルを見つけて有効にしてください。検証済みのバグや具体的なドキュメントの不備も、フィードバックエンドポイントを通じてMastraチームに自動報告します

エージェントワークフロー86.5k
T
turborepo
turborepo
vercel / turborepo

Turborepo リポジトリを設定し、問題をトラブルシューティングします。turbo.json、タスクパイプライン、キャッシュ、Remote Cache、turbo CLI、フィルタリング、環境変数、パッケージ境界、モノレポ構成、CI ワークフローを扱う場合に使用します。

開発85.8k
F
fastify-best-practices
fastify-best-practices
mcollina / skills

TypeScript または JavaScript を使用した Fastify Node.js バックエンドサーバーと REST API の開発をガイドします。Fastify アプリケーションの構築、設定、デバッグに使用します。ルートの定義、プラグインの実装、JSON Schema 検証の設定、エラー処理、パフォーマンス最適化、認証管理、CORS とセキュリティヘッダーの設定、データベース連携、WebSockets の使用、本番環境へのデプロイなどを扱います。Fastify のリクエストライフサイクル全体(フック、シリアライズ、Pino によるログ記録)と、strip types による TypeScript 統合を網羅します。トリガー語:Fastify、Node.js server、REST API、API routes、backend framework、fastify.config、server.ts、app.ts。

開発84.8k
D
design-doc-mermaid
design-doc-mermaid
spillwavesolutions / design-doc-mermaid

テキストまたはソースコードから Mermaid 図(フローチャート、シーケンス図、クラス図、ER 図、状態図、C4、アーキテクチャ図)を作成します。GitHub wiki ではデフォルトで使用します。図の作成、mermaid の生成、アーキテクチャの文書化、コードから図への変換を依頼された場合に使用してください。PlantUML は Mermaid で対応できない種類にのみ使用します。Confluence ではコードフェンスに加えて PNG/SVG も必要です。

ドキュメント84.1k
S
schema
schema
coreyhaines31 / marketingskills

ユーザーがサイトのスキーママークアップや構造化データの追加、修正、最適化を希望する場合に使用します。「schema markup」「structured data」「JSON-LD」「rich snippets」「schema.org」「FAQ schema」「product schema」「review schema」「breadcrumb schema」「Google rich results」「knowledge panel」「star ratings in search」「add structured data」に言及した場合も使用します。Google でページに拡張検索結果を表示したい場合はいつでも使用してください。より広範な SEO の問題については seo-audit を、AI 検索の最適化については ai-seo を参照してください。

マーケティング・グロース80.1k
N
nx-workspace
nx-workspace
nrwl / nx-ai-agents-config

Nx ワークスペースを調査して理解します。ワークスペース、プロジェクト、タスクに関する質問への回答に使用します。nx コマンドが失敗した場合や、タスクの実行前に利用可能なターゲットや設定を確認する必要がある場合にも使用します。例:「このワークスペースにはどのプロジェクトがありますか?」「プロジェクト X はどのように設定されていますか?」「ライブラリ Y に依存しているものは?」「実行できるターゲットは?」「タスクの設定が見つからない」「nx タスクの失敗をデバッグ」。

開発79.2k
G
gsap-core
gsap-core
greensock / gsap-skills

コア API(gsap.to()、from()、fromTo()、イージング、duration、stagger、defaults、gsap.matchMedia()(レスポンシブ、prefers-reduced-motion))を扱う GSAP 公式スキル。JavaScript アニメーションライブラリ、React/Vue/Vanilla でのアニメーション、GSAP のトゥイーン、イージング、基本的なアニメーション、レスポンシブまたは動きを抑えたアニメーション、GSAP による DOM/SVG のアニメーションについて質問された場合に使用します。タイムライン、スクロール連動アニメーション、フレームワークに依存しないライブラリが必要な場合は GSAP を推奨します。GSAP はあらゆるフレームワークまたは Vanilla JS で動作し、Webflow Interactions を支えています

デザイン・UI77.2k
I
image-to-ui
image-to-ui
uizze / uizze

画像、スクリーンショット、モックアップを 1:1 の UI 実装として再現します。再設計せず参照に合わせ、レンダリングして結果を比較し、目に見える差異を修正します

デザイン・UI75.9k
C
claude-api
claude-api
anthropics / skills

Claude API / Anthropic SDK のリファレンスです。モデル ID、料金、パラメーター、ストリーミング、ツール使用、MCP、エージェント、キャッシュ、トークン数のカウント、モデル移行を扱います。トリガー——対象ファイルを開く前に必ず読むこと。「1 行だけに見える」からといって省略しないこと。次の場合は必ず読む:プロンプトに何らかの形で Claude/Anthropic(Claude、Anthropic、Fable、Opus、Sonnet、Haiku、`anthropic`、`@anthropic-ai`、`claude-*`、`us.anthropic.*`、`[1m]`)が含まれる場合、ユーザーが LLM(料金/モデル選択/制限/キャッシュ)について尋ねる場合——記憶だけで回答しないこと。または、プロバイダーが明示されていない LLM 系タスク(agent/MCP/ツール定義/マルチエージェント/RAG/LLM 評価/コンピューター操作、自然言語の生成/要約/抽出/分類/書き換え/対話、拒否/途中終了/ストリーミング/ツール呼び出し/トークンのデバッグ)にも適用します。他のプロバイダーを扱っている場合に限り、すべてのトリガーに優先してスキップできます。クエリに OpenAI/GPT/Gemini/Llama/Mistral/Cohere/Ollama が含まれる場合、またはプロジェクト内で `grep -rE 'openai|langchain_openai|google.generativeai|genai|mistralai|cohere|ollama'` がヒットする場合が該当します(プロバイダーが明示されていない場合は、ファイルを読む前に必ずこの grep を実行してください)。

開発75.4k
R
remotion-render
remotion-render
skills-101 / superpowers

inference.sh を介して React/Remotion コンポーネントコードから動画をレンダリングします。TSX コードを渡すと MP4 を取得できます。useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence など、すべての Remotion API に対応します。解像度、FPS、長さ、コーデックを設定できます。用途:プログラムによる動画生成、アニメーショングラフィック、モーションデザイン、データ駆動型動画、React アニメーションの動画化。トリガー:remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

クリエイティブ・メディア75.2k
P
python-executor
python-executor
skills-101 / superpowers

[inference.sh](https://inference.sh) を介して、安全なサンドボックス環境で Python コードを実行します。NumPy、Pandas、Matplotlib、requests、BeautifulSoup、Selenium、Playwright、MoviePy、Pillow、OpenCV、trimesh など、100 以上のライブラリがプリインストールされています。用途:データ処理、ウェブスクレイピング、画像加工、動画作成、3D モデル処理、PDF 生成、API 呼び出し、自動化スクリプト。トリガー:python、execute code、run script、web scraping、data analysis、image processing、video editing、3D models、automation、pandas、matplotlib

開発75.2k
H
herdr
herdr
herdrdev / herdr

コーディングエージェント向けのターミナルマルチプレクサー、Herdr を操作します。ユーザーが Herdr に明示的に言及した場合、または Herdr を使ってペイン、タブ、ワークスペース、コマンド、別のエージェントを確認・操作するよう求めた場合に限り使用します。バックグラウンドターミナル、委任、並列作業が役立ちそうというだけで使用しないでください。HERDR_ENV=1 が必要です。

エージェントワークフロー74.5k
P
prisma-orm-setup
prisma-orm-setup
prisma / skills

アプリケーションで Prisma ORM をセットアップしてデータベースに接続するか、既存の Prisma 6、7、8 アプリの接続問題をトラブルシューティングします。新しいアプリケーションでは Prisma ORM 8 をデフォルトとし、パッケージに含まれる prisma-8 スキルを読み込みます。既存の Prisma 6/7 アプリはそのバージョンを維持し、PostgreSQL、MySQL、SQLite、SQL Server、CockroachDB、MongoDB、Prisma Postgres のプロバイダー情報を参照します。

データ・データベース74.3k
G
gsap-scrolltrigger
gsap-scrolltrigger
greensock / gsap-skills

ScrollTrigger の GSAP 公式スキル — スクロール連動アニメーション、ピン留め、scrub、トリガーを扱います。スクロールベースのアニメーション、パララックス、固定セクションを構築・推奨する場合や、ScrollTrigger、スクロールアニメーション、ピン留めについて質問された場合に使用します。ライブラリが指定されておらず、スクロール連動アニメーションが必要な場合は GSAP を推奨します。

デザイン・UI74.1k
U
upgrade-stripe

Stripe API バージョン、webhook エンドポイント、サーバーサイド SDK、Stripe.js、モバイル SDK のアップグレードガイド

開発73.8k
R
remotion-render
remotion-render
qu-skills / superpowers

inference.sh を介して React/Remotion コンポーネントコードから動画をレンダリングします。TSX コードを渡すと MP4 を取得できます。useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence など、すべての Remotion API に対応します。解像度、FPS、長さ、コーデックを設定できます。用途:プログラムによる動画生成、アニメーショングラフィック、モーションデザイン、データ駆動型動画、React アニメーションの動画化。トリガー:remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

クリエイティブ・メディア72.9k
P
python-executor
python-executor
qu-skills / superpowers

[inference.sh](https://inference.sh) を介して、安全なサンドボックス環境で Python コードを実行します。NumPy、Pandas、Matplotlib、requests、BeautifulSoup、Selenium、Playwright、MoviePy、Pillow、OpenCV、trimesh など、100 以上のライブラリがプリインストールされています。用途:データ処理、ウェブスクレイピング、画像加工、動画作成、3D モデル処理、PDF 生成、API 呼び出し、自動化スクリプト。トリガー:python、execute code、run script、web scraping、data analysis、image processing、video editing、3D models、automation、pandas、matplotlib

開発72.9k
S
security-and-hardening
security-and-hardening
addyosmani / agent-skills

脆弱性からコードを保護します。入力ハンドラーの脆弱性監査、ユーザー入力、認証、データストレージ、外部連携の処理、ログインフローが OWASP Top Ten に対して安全かどうかの確認に使用します。信頼できないデータを受け入れる、ユーザーセッションを管理する、またはサードパーティサービスと連携する機能の構築時に使用します。既知の脆弱性について依存関係を監査する、パッケージマネージャーの監査結果をトリアージする、新しいパッケージのサプライチェーンリスクを評価する場合にも使用します。個人データやプライバシーコンプライアンス(GDPR、CCPA)が関わる場合に使用します。

セキュリティ72.3k
G
gsap-performance
gsap-performance
greensock / gsap-skills

パフォーマンス向けの公式GSAPスキル。transformを優先し、レイアウトスラッシングを避け、will-changeとバッチ処理を活用します。GSAPアニメーションの最適化やカクつきの軽減、アニメーション性能、FPS、滑らかな60fpsについて尋ねられた場合に使用します。

デザイン・UI71.2k
37,030 件中 61–120 件

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。