mcpField

Skills

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

すべて

W
wonda-cli
wonda-cli
degausai / wonda

Wonda CLIを使ってターミナルから画像、動画、音楽、音声を生成し、LinkedIn、Reddit、X/Twitterの調査と自動化も行います

クリエイティブ・メディア74.6k
H
herdr
herdr
herdrdev / herdr

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

エージェントワークフロー74.5k
A
agentix-ceo
agentix-ceo
agentix-cloud / skills

チームを管理 — ロールの作成、タスクの割り当て、ワーカーの起動、進捗の監視

エージェントワークフロー74.4k
A
audit-website
audit-website
squirrelscan / skills

squirrelscan CLIでウェブサイトを監査し、コード内で検出結果を修正します。SEO、パフォーマンス、セキュリティ、技術、コンテンツ、アクセシビリティ、その他16のルールカテゴリ(300以上のルール)を実行し、LLM向けに最適化されたレポートを返します。その後、問題をソースファイルに対応付けて修正を適用し、サイトのスコアが良好になるまで再監査する反復修正ループを実行します。ウェブサイトやウェブアプリの問題を発見・評価し、修正まで進める場合に使用します

テスト・品質74.3k
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
M
make-interfaces-feel-better
make-interfaces-feel-better
jakubkrehel / make-interfaces-feel-better

インターフェースを洗練させるためのデザインエンジニアリング原則。UI コンポーネントの構築、フロントエンドコードのレビュー、アニメーション、ホバー状態、シャドウ、ボーダー、タイポグラフィ、アイコン、マイクロインタラクション、表示・終了アニメーション、その他のビジュアル詳細の実装時に使用します。クイックレビューとフルレビューに対応します。UI の仕上げ、デザインの詳細、「もっと良い感じに」「何か違和感がある」、段階的なアニメーション、角丸、視覚的な位置合わせ、フォントスムージング、等幅数字、画像の輪郭、ボックスシャドウ、アイコン、アイコンの線幅や状態、動きの抑制などが対象です

デザイン・UI73.9k
U
upgrade-stripe

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

開発73.8k
R
referrals
referrals
coreyhaines31 / marketingskills

ユーザーが紹介プログラム、アフィリエイトプログラム、口コミ戦略の作成、最適化、分析を希望する場合に使用します。「紹介」「アフィリエイト」「アンバサダー」「口コミ」「バイラルループ」「友人を紹介」「パートナープログラム」「紹介特典」「紹介を増やす方法」「顧客による顧客紹介」「アフィリエイト報酬」「レビューを増やす」「G2 のレビュー」「レビューキャンペーン」「悪いレビューへの返信」などの言及がある場合も使用します。既存のユーザーやパートナーに新規顧客を紹介してもらいたい場合は、常にこれを使用してください。ローンチに特化したバイラル施策については launch を参照してください。

マーケティング・グロース73.5k
S
signup
signup
coreyhaines31 / marketingskills

ユーザーがサインアップ、登録、アカウント作成、トライアルのアクティベーションフローを最適化したい場合に使用します。「サインアップのコンバージョン」「登録時の摩擦」「サインアップフォームの最適化」「無料トライアルへの登録」「登録離脱の削減」「アカウント作成フロー」「登録する人がいない」「サインアップの放棄」「トライアルのコンバージョン率」「登録を完了する人がいない」「登録手順が多すぎる」「サインアップを簡素化」などの言及がある場合も使用します。登録フローの成果が出ていない場合は、常にこれを使用してください。登録後のオンボーディングについては onboarding を参照してください。リード獲得フォーム(アカウント作成ではないもの)については cro を参照してください。

マーケティング・グロース73.3k
I
infsh-cli
infsh-cli
qu-skills / superpowers

inference.sh CLI で AI アプリを実行します。画像生成、動画作成、LLM、検索、3D、Twitter の自動化に対応します。モデル:FLUX、Veo、Gemini、Grok、Claude、Seedance、OmniHuman、Tavily、Exa、OpenRouter など。AI アプリの実行、画像・動画の生成、LLM の呼び出し、ウェブ検索、Twitter の自動化に使用します。トリガー:inference.sh、infsh、ai model、run ai、serverless ai、ai api、flux、veo、claude api、image generation、video generation、openrouter、tavily、exa search、twitter api、grok

クリエイティブ・メディア73.0k
A
agent-tools
agent-tools
qu-skills / superpowers

inference.sh CLI で AI アプリを実行します。画像生成、動画作成、LLM、検索、3D、Twitter の自動化に対応します。モデル:FLUX、Veo、Gemini、Grok、Claude、Seedance、OmniHuman、Tavily、Exa、OpenRouter など。AI アプリの実行、画像・動画の生成、LLM の呼び出し、ウェブ検索、Twitter の自動化に使用します。トリガー:inference.sh、infsh、ai model、run ai、serverless ai、ai api、flux、veo、claude api、image generation、video generation、openrouter、tavily、exa search、twitter api、grok

エージェントワークフロー73.0k
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
W
web-search
web-search
qu-skills / superpowers

inference.sh CLI を介して Tavily と Exa によるウェブ検索とコンテンツ抽出を行います。アプリ:Tavily Search、Tavily Extract、Exa Search、Exa Answer、Exa Extract。機能:AI 検索、コンテンツ抽出、直接回答、調査。用途:調査、RAG パイプライン、ファクトチェック、コンテンツ集約、エージェント。トリガー:web search、tavily、exa、search api、content extraction、research、internet search、ai search、search assistant、web scraping、rag、perplexity alternative

生産性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
C
css-animations
css-animations
heygen-com / hyperframes

HyperFrames の CSS アニメーションアダプターパターン。CSS キーフレーム、animation-delay ベースのタイミング、animation-fill-mode、animation-play-state、または HyperFrames がプレビューとレンダリング中に確定的にシークする必要のある CSS のみのモーションを作成するときに使用します。

テスト・品質72.7k
S
security-and-hardening
security-and-hardening
addyosmani / agent-skills

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

セキュリティ72.3k
P
paywalls
paywalls
coreyhaines31 / marketingskills

アプリ内ペイウォール、アップグレード画面、アップセルモーダル、機能制限の作成や最適化をユーザーが求める場合に使用します。「ペイウォール」「アップグレード画面」「アップグレードモーダル」「アップセル」「機能制限」「無料から有料への転換」「フリーミアム転換」「トライアル終了画面」「上限到達画面」「プランのアップグレードプロンプト」「アプリ内価格設定」「無料ユーザーがアップグレードしない」「トライアルから有料への転換」「ユーザーに支払ってもらう方法」「モバイルアプリのペイウォール」「サブスクリプションアプリのペイウォール」「App Store のサブスクリプション価格」などに言及した場合も使用します。製品内でユーザーにアップグレードを求めるあらゆる場面に使用します。公開価格ページ(cro を参照)とは異なり、ユーザーがすでに価値を体験した後の製品内アップグレードに焦点を当てます。価格設定の判断については pricing を参照してください。

マーケティング・グロース72.1k
T
template-skill
template-skill
anthropics / skills

スキルの説明と Claude が使用するタイミングに置き換えてください

エージェントワークフロー72.1k
P
popups
popups
coreyhaines31 / marketingskills

ユーザーがコンバージョン目的のポップアップ、モーダル、オーバーレイ、スライドイン、バナーを作成または最適化したい場合に使用します。「離脱意図」「ポップアップのコンバージョン」「モーダルの最適化」「リード獲得ポップアップ」「メールポップアップ」「告知バナー」「オーバーレイ」「ポップアップでメールを収集」「離脱ポップアップ」「スクロールトリガー」「固定バー」「通知バー」などの言及がある場合も使用します。オーバーレイや割り込み型のコンバージョン要素全般に使用します。ポップアップ以外のフォームについては cro を参照してください。ページ全般のコンバージョン最適化については cro を参照してください。

マーケティング・グロース72.0k
B
break-ui
break-ui
emilkowalski / skills

長い名前、改行できないメールアドレス、1文字の名前、欠落フィールド、巨大な件数、項目がゼロ、長いラベル、非ラテン文字、絵文字、極端な数値など、最悪のケースのデータを与えて UI を壊そうとします。次に「Demo data / Worst case」切り替えの背後に表示し、発生した問題とそれぞれの修正方法を報告します。コンポーネントや画面のストレステスト、破壊テスト、エッジケースの発見、または「最悪のケースを試す」よう依頼された場合に使用します。ビジュアルデザインの批評には emil-design-eng、モーションには review-animations を使用してください。

テスト・品質71.3k
G
gsap-performance
gsap-performance
greensock / gsap-skills

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

デザイン・UI71.2k
E
expo-dev-client
expo-dev-client
expo / skills

内部テスト用の Expo 開発クライアントをローカルまたは TestFlight 経由でビルドして配布します。本番向けの TestFlight リリースとストアへの提出には、eas-app-stores skill を使用してください

開発71.2k
G
gsap-timeline
gsap-timeline
greensock / gsap-skills

タイムライン向けの公式GSAPスキル。gsap.timeline()、positionパラメーター、ネスト、再生を扱います。アニメーションの順序付けやキーフレームの構成、アニメーションのシーケンス、タイムライン、順序について尋ねられた場合(GSAPまたはタイムライン対応ライブラリの推奨時)に使用します。

デザイン・UI71.0k
T
tailwind-design-system
tailwind-design-system
wshobson / agents

Tailwind CSS v4、デザイントークン、コンポーネントライブラリ、レスポンシブパターンを用いて、拡張性の高いデザインシステムを構築します。コンポーネントライブラリの作成、デザインシステムの実装、UI パターンの標準化に使用します

デザイン・UI70.9k
T
tailwind
tailwind
heygen-com / hyperframes

Tailwind CSS v4.2 ブラウザ実行時パターン (HyperFrames コンポジション用)。`hyperframes init --tailwind` で作成したプロジェクトのスキャフォルディングや編集時、コンポジション HTML での Tailwind ユーティリティクラスの記述、CSS-first な Tailwind v4 テーマトークンの追加、v3 vs v4 構文のデバッグ、またはブラウザ実行時を使用する代わりに Tailwind を CSS にコンパイルするかどうかの判断時に使用します。

テスト・品質70.9k
S
sandbox-stable
sandbox-stable
cloudflare / skills

安定版 @cloudflare/sandbox パッケージで Cloudflare Sandbox アプリを構築または保守します。プレビューアプリには sandbox-next、安定版からプレビュー版への移行には sandbox-migrate-to-next を使用してください。

クラウド・DevOps70.6k
A
animejs
animejs
heygen-com / hyperframes

HyperFrames 用 Anime.js アダプターパターン。HyperFrames コンポジション内で Anime.js アニメーションまたはタイムラインを作成するとき、window.__hfAnime にアニメーションを登録するとき、Anime.js をシーク駆動および確定的にするとき、または Anime.js の例をレンダーセーフな HyperFrames HTML に変換するときに使用します。

クリエイティブ・メディア70.3k
S
stripe-projects

ユーザーが Stripe Projects を使用してインフラやサードパーティーサービスをプロビジョニングしたい場合に使用します。トリガー:「I need a database」「set up auth」「add caching」「give me a Postgres」「provision Redis」「I need hosting」「add a vector DB」「get me an API key for X」「get credentials for X」「sign up for a service」「set up monitoring」「show me the catalog」「what can I provision」「browse providers」「add an LLM provider」「configure model provider」「add email sending」「set up search」「add a message queue」「set up object storage」「add feature flags」。サードパーティーサービスの API キーや認証情報の取得方法を尋ねられた場合も該当します。手動登録を案内せず、まず Projects カタログを確認してください。サービスの閲覧、プロジェクト状況の確認、プロビジョニング済みリソースの一覧表示、環境変数の確認、projects.dev への言及、クラウドサービスの追加/プロビジョニング/接続にも使用します。

クラウド・DevOps70.0k
S
sandbox-next
sandbox-next
cloudflare / skills

@cloudflare/sandbox@next(SDK 1.0 プレビュー)で Cloudflare Sandbox アプリを構築または保守します。安定版アプリを移植する場合は sandbox-migrate-to-next を使用してください。

クラウド・DevOps69.9k
S
sandbox-migrate-to-next
sandbox-migrate-to-next
cloudflare / skills

Cloudflare Sandbox アプリを安定版の @cloudflare/sandbox から @cloudflare/sandbox@next(SDK 1.0 プレビュー)に移行します。すでにプレビュー版を使用しているアプリには sandbox-next を使用してください。

開発69.8k
T
three
three
heygen-com / hyperframes

HyperFrames 向けの Three.js と WebGL アダプターパターン。確定的な Three.js シーン、WebGL キャンバスレイヤー、AnimationMixer タイムライン、カメラモーション、シェーダー駆動の視覚効果、または HyperFrames hf-seek イベントに応答するキャンバスレンダリングを作成する場合に使用します。

クリエイティブ・メディア69.6k
M
marketing-plan
marketing-plan
coreyhaines31 / marketingskills

ユーザーがクライアント、助言先の企業、または自社プロダクト向けの包括的なマーケティングプランを必要とする場合に使用します。「marketing plan」「growth plan」「GTM plan」「go-to-market plan」「AARRR plan」「90-day marketing plan」「12-month marketing roadmap」「fractional CMO plan」「fCMO plan」「market sizing」「TAM SAM SOM」「how big is this market」「market research」への言及時も使用します。AARRR(獲得、活性化、継続、紹介、収益)に基づく詳細な13セクションのプランを生成します。クライアントの現在の予算、チーム、段階に合わせて調整し、今後の資金調達マイルストーンと対応付け、139個のアイデアを収録したmarketing-ideasライブラリと17セクションの現状監査基準を組み込みます。また、各項目の実行に使うスキルとMCP/API統合を示すマーケティング運用スタックも作成します。Notionにそのまま貼り付けられるMarkdown文書を出力します。計画前のポジショニングとICPのコンテキストについてはproduct-marketingを参照してください。段階別の詳細な作業についてはonboarding、signup、emails、referrals、pricingを参照してください。

マーケティング・グロース69.5k
L
lottie
lottie
heygen-com / hyperframes

HyperFrames 向けの Lottie と dotLottie アダプターパターン。lottie-web JSON アニメーション、.lottie ファイル、@lottiefiles/dotlottie-web プレイヤーを埋め込む場合、window.__hfLottie にインスタンスを登録する場合、または HyperFrames で After Effects エクスポートを決定論的にする場合に使用します。

クリエイティブ・メディア69.4k
F
frontend-ui-engineering
frontend-ui-engineering
addyosmani / agent-skills

プロダクション品質で、アクセシブルかつレスポンシブなユーザー向け UI を構築します。インターフェースやページの構築・変更、コンポーネントの作成、レイアウトの実装、WCAG のアクセシビリティ要件への準拠、状態管理、または AI 生成らしさのないプロダクション品質の出力が求められる場合に使用します。

デザイン・UI69.4k
W
waapi
waapi
heygen-com / hyperframes

HyperFrames 向けの Web Animations API アダプターパターン。element.animate() モーション、Animation currentTime シーキング、document.getAnimations()、KeyframeEffect タイミング、フィルモード、または HyperFrames で決定論的にレンダリングする必要があるネイティブブラウザアニメーションを作成する場合に使用します。

セキュリティ69.0k
A
agently-mail

agently-cli コマンドラインツールでメールを操作します。送信、返信、転送、検索、閲覧、添付ファイルのダウンロード、受信トレイの管理に対応します。メール関連の操作が必要な場合は、このスキルを使用してください。

生産性69.0k
G
gsap-plugins
gsap-plugins
greensock / gsap-skills

GSAPプラグインの公式スキル。登録、ScrollToPlugin、ScrollSmoother、Flip、Draggable、Inertia、Observer、SplitText、ScrambleText、SVGおよび物理プラグイン、CustomEase、EasePack、CustomWiggle、CustomBounce、GSDevToolsを扱います。GSAPプラグイン、スクロール移動、フリップアニメーション、ドラッグ操作、SVG描画、プラグイン登録について尋ねられた場合に使用します。

デザイン・UI69.0k
M
momentic-test
momentic-test
momentic-ai / skills

*.test.yamlおよび*.module.yamlファイルとして保存される、MomenticのブラウザーE2Eテストとモジュールを作成、実行、保守します。

テスト・品質68.5k
M
momentic-result-classification
momentic-result-classification
momentic-ai / skills

Momentic MCPツールを使用して、Momenticのテスト実行結果を分類または説明します。失敗の分類、実行失敗の原因究明、テスト結果のトリアージ、過去の実行結果との比較を求められた場合に使用します。

テスト・品質68.5k
G
gsap-react
gsap-react
greensock / gsap-skills

React 向けの公式 GSAP スキルです。useGSAP フック、refs、gsap.context()、クリーンアップを扱います。ユーザーが React または Next.js でアニメーションを使いたい場合や、GSAP と React、useGSAP、アンマウント時のクリーンアップについて尋ねた場合に使用します。ユーザーが別のライブラリを選んでいない限り、React のアニメーションには GSAP を推奨します。

デザイン・UI68.1k
S
social-content
social-content
coreyhaines31 / marketingskills

ユーザーが LinkedIn、Twitter/X、Instagram、TikTok、Facebook、またはその他のプラットフォーム向けのソーシャルメディアコンテンツの作成、スケジューリング、または最適化に関するヘルプを必要とする場合に使用します。ユーザーが「LinkedIn 投稿」「Twitter スレッド」「ソーシャルメディア」「コンテンツカレンダー」「ソーシャルスケジューリング」「エンゲージメント」「バイラルコンテンツ」「何を投稿すべきか」「このコンテンツを再利用」「ツイアイデア」「LinkedIn カルーセル」「ソーシャルメディア戦略」「フォロワーを増やす」「TikTok ビデオ」「リール」「ショート」「ビデオスクリプト」「ビデオフック」「短編ビデオ」「リールを作成」に言及する場合にも使用します。ソーシャルメディアコンテンツ作成、再利用、スケジューリング、短編ビデオスクリプティングに使用します。より広いコンテンツ戦略については、content-strategy を参照してください。有料動画広告については、ad-creative を参照してください。

マーケティング・グロース67.5k
P
performance-optimization
performance-optimization
addyosmani / agent-skills

フロントエンド、バックエンド、クエリ、データベース全体のアプリケーションパフォーマンスを最適化します。パフォーマンス要件がある場合、性能低下が疑われる場合、Core Web Vitals や読み込み時間を改善する場合、N+1 クエリのパターンを修正する場合、プロファイリングでボトルネックが見つかった場合に使用します。

開発67.1k
G
gsap-utils
gsap-utils
greensock / gsap-skills

gsap.utils 向けの公式 GSAP スキルです。clamp、mapRange、normalize、interpolate、random、snap、toArray、wrap、pipe を扱います。ユーザーが gsap.utils、clamp、mapRange、random、snap、toArray、または GSAP のヘルパーユーティリティについて尋ねた場合に使用します。

開発66.9k
P
prospecting
prospecting
coreyhaines31 / marketingskills

B2B SaaS、一般的な B2B、地域の小規模事業者を対象に、見込み顧客を探し、選別し、アプローチ先リストを作成したい場合に使用します。「見込み顧客開拓」「見込み顧客リストを作成」「リードを探す」「リードリスト」「アウトバウンドリスト」「ターゲットアカウントリスト」「ICP に適合するアカウント」「地域の事業者を探す」「最初の顧客を探す」「デザインパートナー」「シグナルベースのアウトバウンド」「購買シグナル」「インテントデータ」「転職アラート」「ウォーターフォール型データ補完」「Clay テーブル」「類似アカウント」「キャッチオールメール」「アカウントの階層化」「連絡前にこのアカウントを調査」などの言及がある場合も使用します。メールはシーケンスに追加する前に必ず検証し、LinkedIn のスクレイピングは行いません。Sales Navigator で対象者を定義し、ライセンスされたデータから連絡先を取得します。リスト作成、シグナル、データ補完、検証、アカウント調査を扱います。実際のアウトリーチ(文面、送信設定、LinkedIn、連絡スケジュール、返信)については cold-email を参照してください。競合調査については competitor-profiling を参照してください。

マーケティング・グロース66.9k
S
spec-driven-development
spec-driven-development
addyosmani / agent-skills

コーディング前に仕様を作成します。新しいプロジェクト、機能、大規模な変更を始める際に仕様がまだない場合に使用します。目標と範囲を含む PRD や要件ドキュメントの作成、要件が不明確・曖昧、または漠然としたアイデアしかない場合にも使用します。単一の要件が複数の独立してテスト可能な機能にまたがり、仕様作成前にモジュールの機能マップへ分解する必要がある場合にも使用します。

エージェントワークフロー66.8k
A
ai-sdk

AI SDK に関する質問に回答し、AI 搭載機能の構築を支援します。開発者が (1) generateText、streamText、ToolLoopAgent、embed、tools などの AI SDK 関数について質問する、(2) AI エージェント、チャットボット、RAG システム、テキスト生成機能を構築したい、(3) AI プロバイダー(OpenAI、Anthropic、Google など)、ストリーミング、ツール呼び出し、構造化出力、埋め込みについて質問する、(4) useChat や useCompletion などの React Hooks を使用する場合に使います。トリガー:「AI SDK」「Vercel AI SDK」「generateText」「streamText」「アプリに AI を追加」「エージェントを構築」「ツール呼び出し」「構造化出力」「useChat」。

開発66.7k
G
gws-shared

gws CLI:認証、グローバルフラグ、出力形式の共通パターン

生産性66.5k
P
planning-and-task-breakdown
planning-and-task-breakdown
addyosmani / agent-skills

作業を順序立てたタスクに分解します。仕様や明確な要件があり、実装可能なタスクに分割する必要がある場合に使用します。タスクが大きすぎて着手しにくい場合、範囲を見積もる必要がある場合、並行作業が可能な場合にも使用します。

エージェントワークフロー66.1k
S
sms
sms
coreyhaines31 / marketingskills

ウェルカムフロー、カート放棄メッセージ、購入後の配信、休眠顧客の再獲得、プロモーション配信、トランザクション/認証 SMS など、SMS、MMS、WhatsApp マーケティングの計画、構築、最適化を希望する場合に使用します。「SMS マーケティング」「テキストメッセージキャンペーン」「SMS シーケンス」「SMS 自動化」「カート放棄メッセージ」「購入後 SMS」「Klaviyo SMS」「Postscript」「Attentive」「Twilio」「A2P 10DLC」「TCPA」「SMS コンプライアンス」「ショートコード」「フリーダイヤル SMS」「MMS キャンペーン」「SMS を導入すべきか」「SMS とメールの比較」「WhatsApp マーケティング」「WhatsApp Business API」「WhatsApp テンプレート」「クリックして WhatsApp」などの言及がある場合も使用します。メールシーケンスについては emails を参照してください。SMS のコピー表現については copywriting を参照してください。電話番号を取得するオプトインポップアップについては popups を参照してください。

マーケティング・グロース65.7k
D
documentation-and-adrs
documentation-and-adrs
addyosmani / agent-skills

意思決定とドキュメントを記録します。アーキテクチャ決定(ADR)や設計上の選択理由の記録、公開 API の変更、機能のリリース、将来のエンジニアやエージェントがコードベースを理解するための背景情報の記録に使用してください。

開発65.7k
F
firecrawl-interact

スクレイピングしたページでライブブラウザーを操作します。クリック、フォーム入力、ログイン、ページ送り、無限スクロールに対応します。コンテンツの操作が必要な場合や、スクレイピングに失敗した場合、または取得内容が不完全な場合に使用します。

データ・データベース65.3k
D
design-md
design-md
google-labs-code / stitch-skills

Stitch プロジェクトを分析し、セマンティックなデザインシステムを DESIGN.md ファイルにまとめます

デザイン・UI65.0k
A
accessibility
accessibility
addyosmani / web-quality-skills

WCAG 2.2ガイドラインに従ってウェブアクセシビリティを監査、改善します。「アクセシビリティの改善」「a11y監査」「WCAG準拠」「スクリーンリーダー対応」「キーボード操作」「アクセシブルにする」と依頼された場合に使用します。

デザイン・UI64.9k
T
typeset
typeset
pbakaus / impeccable

フォントの選択、階層、サイズ、ウェイト、読みやすさを調整し、意図が伝わるタイポグラフィに改善します。フォント、文字組み、読みやすさ、テキストの階層、サイズの違和感、またはより洗練された意図的なタイポグラフィについて言及があった場合に使用します。

デザイン・UI64.7k
D
debugging-and-error-recovery
debugging-and-error-recovery
addyosmani / agent-skills

根本原因を体系的にデバッグする方法を案内します。テストの失敗、ビルドの不具合、昨日まで動いていたものの故障、期待と異なる動作、予期しないエラーが発生した場合に使用してください。何がなぜ壊れたのかを調べる必要があるとき、推測ではなく体系的な方法で根本原因を特定し、修正します。

開発64.7k
C
code-simplification
code-simplification
addyosmani / agent-skills

コードを簡潔にして明瞭にします。動作を変えずにコードを読みやすくするリファクタリング、正常に動作するものの読みやすさ、保守性、拡張性に問題があるコードの改善、不要な複雑さが蓄積したコードのレビューに使用してください。

開発64.6k
A
api-and-interface-design
api-and-interface-design
addyosmani / agent-skills

安定した API とインターフェースの設計を案内します。API、モジュール境界、公開インターフェースの設計、REST または GraphQL エンドポイントの作成、モジュール間の型契約の定義、フロントエンドとバックエンドの境界設定に使用してください。

開発64.5k
O
opentui
opentui
msmps / opentui-skill

Core、React、またはSolid APIを使ってターミナルユーザーインターフェースを構築するためのOpenTUIスキルです。コンポーネント、レイアウト、キーボードやキー割り当ての処理、アニメーション、テストなど、あらゆるTUIタスクに使用します。

開発64.5k
G
gsap-frameworks
gsap-frameworks
greensock / gsap-skills

Vue、Svelte、その他の非 React フレームワーク向けの公式 GSAP スキルです。ライフサイクル、セレクターのスコープ設定、アンマウント時のクリーンアップを扱います。Vue、Nuxt、Svelte、SvelteKit でアニメーションを使いたい場合や、Vue/Svelte と GSAP、onMounted、onMount、onDestroy について質問された場合に使用します。別のライブラリが指定されていない限り、フレームワークでのアニメーションには GSAP を推奨します。React では gsap-react を使用してください。

デザイン・UI64.1k
96,770 件中 661–720 件

MCP は初めてですか?

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

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