Vercelスキル

ベンダー公式またはコミュニティのアダプターをChat SDKカタログとドキュメントに追加します — adapters.jsonレジストリ、chat/adaptersカタログエントリ、ドキュメントのMDXページなど。

Add a new diagnostic code following the defineDiagnostics() conventions from nostics

新しいAI関数の例を追加するためのガイド。実際のプロバイダAPIに対して特定の機能をテストするためのものです。

新しいAI SDKハーネスパッケージを追加するためのガイド。コーディングエージェントランタイムをHarnessV1に適応させる新しい@ai-sdk/harness-<name>パッケージを作成する際に使用します。

AI SDKに新しいAIプロバイダーパッケージを追加するためのガイド。新しい@ai-sdk/<provider>パッケージを作成してAIサービスをSDKに統合する際に使用します。

Admin UIおよびオペレーターサーフェスのデバッグ（vercel-openclaw向け）：コマンドシェル設計、管理アクション、リクエストコア、ステータスパネル、起動検証UI、チャンネル…

アーキテクチャ決定記録（ADR）を作成・管理し、エージェントによるコーディングワークフローに最適化します。提案、作成、更新、承認/却下などが必要な場合に使用します。

ブラウザ操作を自動化し、Webテスト、フォーム入力、スクリーンショット、データ抽出を行います。

ブラウザ操作を自動化し、Webテスト、フォーム入力、スクリーンショット、データ抽出を行います。ユーザーがWebサイトのナビゲーションやWebとのインタラクションを必要とする場合に使用します。

AIエージェント向けのブラウザ自動化CLI。ユーザーがウェブサイトとやり取りする必要がある場合、開発サーバーの出力を確認する場合、ウェブアプリをテストする場合、ページをナビゲートする場合、フォームに入力する場合などに使用します。

開発サーバー向けの自動ブラウザ検証。開発サーバーが起動すると、agent-browserによる視覚的な簡易チェックを実行し、ページが読み込まれることを確認します…

Vercel AcademyのAgent-Friendly APIsコース用のコンパニオンスキル。フィードバックAPIを構築し、構造化ドキュメントでエージェントフレンドリーにした後、ドキュメントを自動生成するClaude Codeスキルを作成します。

Python `ai` SDK — models, providers, streams, events, tools, agents, hooks, MCP, AI SDK UI, structured output, and media generation

ターミナルからAIモデルを使用してテキスト、画像、動画を生成します。

AI Elementsコンポーネントライブラリガイダンス — shadcn/ui上に構築されたAIインターフェース向けのプリビルドReactコンポーネント。チャットUI、メッセージ表示、ツール…を構築する際に使用します。

AIチャットインターフェース向けのプリビルドReactコンポーネントで、shadcn/uiとAI SDK上に構築されています。会話、メッセージ、ツール表示、プロンプト入力コンポーネントを含み、AIネイティブアプリケーション向けに設計されています。CLI経由でプロジェクトのコードベースに直接インストールされ、標準的なReactパターンで完全にカスタマイズおよび拡張可能です。Next.js、AI SDK、shadcn/ui、Node.js 18+が必要で、VercelのAI Gatewayとシームレスに統合してモデルにアクセスします。すべてのコンポーネントは標準的なHTML属性をサポートしています...

Vercel AI Gatewayの専門的なガイダンス。モデルルーティング、プロバイダーのフェイルオーバー、コスト追跡、または統一された方法で複数のAIプロバイダーを管理する際に使用します。

AI生成の永続化パターン — すべてのLLM生成に対する一意のID、アドレス可能なURL、データベースストレージ、およびコスト追跡

Vercel AI SDKの専門的なガイダンス。AIを活用した機能（チャットインターフェース、テキスト生成、構造化出力、ツール呼び出し、エージェント、MCPなど）を構築する際に使用します。

AI SDKに関する質問に答え、AIを活用した機能の構築を支援します。開発者が以下のような場合に使用します：（1）generateText、streamTextなどのAI SDK関数について質問する場合、…

AI SDKに関する質問に答え、AIを活用した機能の構築を支援します。開発者が以下のような場合に使用します：（1）generateText、streamTextなどのAI SDK関数について質問する場合、…

Next.jsのバンドルアナライザデータをNDJSONに変換して探索する

APIルート向けのエージェント対応マークダウンドキュメントを生成します。ユーザーが「ドキュメントを生成して」「このAPIを文書化して」「APIドキュメントを作成して」「作って…」と言った場合に使用します。

ローカル開発およびテスト用のEmulated Sign in with Apple / Apple OIDC。ユーザーがローカルでAppleサインインをテストする必要がある場合、Apple OIDCをエミュレートするために使用します…

Next.jsドキュメントRAG APIにトピックを問い合わせる: $ARGUMENTS

AstroアプリケーションをWebflow CloudからVercelに移行します。ユーザーがAstroアプリをWebflow Cloudから移動、移行、移植したい場合にこのスキルを使用してください。

認証統合ガイダンス — Clerk（ネイティブVercel Marketplace）、Descope、Auth0のNext.jsアプリケーション向けセットアップ。ミドルウェア認証パターン、…

認証とストアのデバッグ（vercel-openclaw向け）：admin-secretモード、Vercelでサインイン、セッションクッキー、CSRF、LOCAL_READ_ONLY、Redis vs メモリストア、キースペース…

.agents/skills/ 内でエージェントスキルを作成または変更する際にこのスキルを使用してください。

組み込みの自動化サーバーを介して、実行中のzero-native WebViewシェルアプリを自動化および検査します。ユーザーがアプリのテスト、ウィンドウの一覧表示、スクリーンショットの取得などを依頼した場合に使用します。

CLIツール。AI生成の説明を用いた、チェンジセットベースの自動リリースを行う。ユーザーがパッケージのリリース、チェンジセットの作成、バージョン更新などを必要とする場合に使用する。

ローカル開発およびテスト用のエミュレートされたAWSクラウドサービス（S3、SQS、IAM、STS）。ユーザーがローカルでAWS APIエンドポイントとやり取りしたり、S3をテストしたりする必要がある場合に使用します。

マージされたNext.jsのプルリクエストをcanaryからnext-16-2などの以前のリリースブランチにバックポートします。ユーザーがバックポート、チェリーピック、またはオープンを依頼した場合に使用します…

アニメーションの持続時間を検証し、タイポグラフィスケールを適用し、コンポーネントのアクセシビリティをチェックし、Tailwind CSSプロジェクトにおけるレイアウトのアンチパターンを防止します。使用するタイミングは…

2つのURLまたは画像間でのWebページや要素の視覚比較。デスクトップ、モバイル（375x812）、タブレット（768x1024）のビューポートでスクリーンショットを取得し、オプションで全ページスクロールに対応。CSSセレクタを使用して特定の要素を切り出し可能。file://、http://、https://のURLまたはローカル画像パスを受け付けます。自動画像アップロード（0x0.stまたはGitHub Gist）によるマークダウン形式の出力を生成し、PR統合を容易にします。Vercelデプロイ保護検出とGitHub CLI統合を含む...

Vercelの最先端プラットフォーム機能（Workflow DevKit、AI Gateway、MCP、Chat SDK、Queues、Flags、Sandboxなど）を活用した高度なAIエージェントベンチマークシナリオ。

vercel-plugin向けのエンドツーエンドベンチマークスイート。スキルインジェクションを通じて実際のプロジェクトを実行し、開発サーバーを起動し、すべてが正常に動作することを検証し、分析します…

Vercel Sandbox上でvercel-pluginの評価シナリオを実行し、ローカルのWezTermパネルの代わりに使用します。Claude Codeとプラグインがプリインストールされた一時的なマイクロVMをプロビジョニングします…

ベンチマークテストプロジェクトを作成し、起動して、現実的なシナリオ全体でvercel-pluginスキルインジェクションを実行します。隔離されたディレクトリを設定し、インストールし…

Vercelにリンクされたリソース（データベース、認証、管理されたインテグレーション）に依存するリポジトリ向けのプロジェクトブートストラップオーケストレーター。セットアップ時や…に使用します。

Shopifyストアフロントを構築または適応する際に、Vercel Shopソースバックパターンを使用します。ストアフロントルートの作成、リデザイン、リファクタリング、またはレビュー時に使用します。…

Vercel AcademyのBuilding Agents with eveコースのコンパニオンスキル。ユーザーが「building agents with eve」、「the eve course」、「the bike…」に言及したときに使用します。

モダンでアクセシブル、かつコンポーザブルなUIコンポーネントを構築するための包括的なガイド。コンポーネントの分類（プリミティブ、コンポーネント、ブロック、テンプレート）、コアデザイン原則、ARIA、キーボードナビゲーション、WCAG準拠を含むアクセシビリティ実装について解説。コンポーザブルAPI、ポリモーフィズム、制御/非制御状態、柔軟な要素構成のためのas-childパターンに関するパターンを提供。デザイントークン、テーマシステム、スタイリングアプローチ、および...の使用に関するガイダンスを提供。

Next.jsのCache ComponentsとPartial Prerendering（PPR）に関する専門的なガイダンス。**プロアクティブアクティベーション**：Next.jsで作業する際にこのスキルを自動的に使用してください…

API応答テストフィクスチャを保存・管理し、プロバイダーのパース検証を行います。フィクスチャはプロバイダーパッケージ内の__fixtures__サブフォルダに整理され、既存の例に記載された命名規則に従います。generateText（生の応答をコンソールに記録し、フィクスチャにコピー）とstreamText（includeRawChunksとsaveRawChunksヘルパーを使用してストリーミングチャンクをキャプチャ）の2つのテストパターンをサポートします。サイズ制約により意味を保持したカットが必要な場合を除き、実際のプロバイダー応答を保存することを推奨します...

Vercel CDNキャッシュのデバッグ — キャッシュヒット率、古いコンテンツ、再検証動作、ISR + PPR、リクエストごとのキャッシュ理由（cacheReason）、およびコスト。

チャンネルwebhookトリアージ：vercel-openclawのSlack/Telegram/Discord/WhatsApp問題に対応。デプロイ状態の確認、管理者準備エンドポイントの収集、構築…

チャネル配信変更のためのWebhookルートパリティ監査：ターミナルパスのログ記録、lastForwardの記録、障害の分類、古いサンドボックスポートURLの更新を確実に行います。

チャットボットを一度作成すれば、Slack、Teams、Google Chat、Discord、GitHub、Linearに展開可能。統一されたTypeScript SDKにより、プラットフォームに依存しないイベントハンドラ（メンション、メッセージ、リアクション、スラッシュコマンド、アクション）と、全プラットフォームで正規化されたメッセージ形式を提供。AI SDK統合によるAI応答のストリーミングサポート、ボタン、ドロップダウン、フォームモーダルを備えたJSXベースのインタラクティブカードも内蔵。Redis、PostgreSQL、またはインメモリ永続化に対応したプラグイン可能な状態アダプタ、ウェブフックハンドラ...

Vercel Chat SDKの専門的なガイダンス。Slack、Telegram、Microsoft Teams、Discord、Google Chat、GitHub、Linearなど、マルチプラットフォームのチャットボットを構築する際に使用します。

Slack、Teams、Google Chat、Discord、Telegram、GitHub、Linear、WhatsApp向けのチャットボットを構築するための統合TypeScript SDK。ボットのロジックを一度記述すれば、どこにでもデプロイできます。

パッケージ/cliの変更で、コマンドのUX、プロンプト、ヘルプ、出力レイアウト、進捗、成功、警告、エラー、JSON/stdout/stderrの契約などに影響する場合に使用します。

ヘッドレスCMS統合ガイダンス — Sanity（ネイティブVercel Marketplace）、Contentful、DatoCMS、Storyblok、Builder.io。スタジオ設定、コンテンツモデリング、…

コード変更をレビューし、実行可能なフィードバックを提供します。ユーザーがPR、差分、コミット、またはコード変更のレビューを依頼した場合に使用します。「/review」、「review…」でトリガーされます。

json-renderのコード生成ユーティリティ。UI仕様からコードを生成する際、カスタムコードエクスポーターの構築、仕様の走査、プロパティのシリアライズなどに使用します。

スケーラブルなReactコンポジションパターン。ブール型プロップの乱立を伴うコンポーネントのリファクタリング時、柔軟なコンポーネントライブラリの構築時、または設計時に使用します。

スキーマ定義、カタログ作成、およびjson-render仕様のためのAIプロンプト生成。defineSchemaを使用して型付き仕様とカタログでスキーマを定義し、コンポーネント名をそのプロパティと説明にマッピングするカタログを作成します。オプションのカスタムルールを使用してカタログからAIシステムプロンプトを生成し、createSpecStreamCompilerを使用してJSONLパッチによる仕様ストリーミングをサポートします。動的プロパティ式により、状態バインディング（$state、$bindState）、条件式（$cond）、テンプレート（$template）などを有効にします。

Create React App（CRA）プロジェクトをNext.jsに移行するための包括的なガイド。CRAアプリの移行時、React Routerをファイルベースルーティングに変換する際、または…

Geistデザインシステムの美学を用いてRemotion動画を作成します。動画、アニメーション、モーショングラフィックスを作成するよう求められた際に使用し、Vercelの…

Vercel Cron Jobsの設定とベストプラクティス。vercel.jsonでスケジュールタスクを追加、編集、デバッグする際に使用します。

Cronとwatchdogのデバッグ（vercel-openclaw向け）：Vercel Cron認証、永続化されたOpenClawジョブ、cron起動キー、トークンリフレッシュ、リストアオラクル、ホットスペア、その他…

bashツールを使ってCSVデータを分析・変換する

スタンドアロンAIアプリ（Codex、Cursor、Claude Code）でd3kをブートストラップ：dev3000を検出/インストールし、d3kをランタイムとして起動し、統合ログとCDPブラウザを使用…

条件付きrequire()パス、Node専用インポート、またはエッジ/ランタイム分岐を変更する際にこのスキルを使用してください。

dev3000からチェックアウトしたVercelプロジェクトに対してDeepSecを実行します。ワンクリックDeepSecセットアップ、プロジェクトコンテキストのブートストラップ、制限付きの初回パス処理などに使用します。

deepsec（AI搭載の脆弱性スキャナー）を使用して、スキャンの実行、プロジェクトの設定、マッチャーの作成、プラグインの開発を行います。ユーザーが質問すると起動します…

アプリケーションをVercelにデプロイします。ユーザーが「デプロイ」「Vercelにデプロイ」「本番環境にプッシュ」「アプリをデプロイ」「公開する」と言った場合に使用します。

ユーザーが自身のOpen Harnessのコピーをデプロイするために必要な認証情報の収集、このリポジトリをVercelにデプロイする手順、および初回実行の完了をガイドします…

アプリケーションやウェブサイトをVercelに自動Git連携とプレビューURL付きでデプロイします。3つのデプロイパスをサポート：git-push（リンクされたプロジェクトに最適）、直接CLIデプロイ、サンドボックス環境向けの認証不要フォールバック。プロジェクトの状態（.vercel/project.jsonや.vercel/repo.jsonによるリンク、Gitリモートの有無、CLI認証）を自動検出し、最適なデプロイ方法を選択します。複数チームアカウントのチーム選択を処理し、--scopeを使用して正しいチームにデプロイします。

VercelのデプロイとCI/CDのエキスパートガイダンス。デプロイ、プロモーション、ロールバック、デプロイの検査、--prebuiltを使用したビルド、CIの設定などを行う際に使用します。

複数のプロバイダーと機能にわたるAI SDK関数の開発および検証スクリプト。AI SDK関数カテゴリ（テキスト生成、ストリーミング、構造化出力、埋め込み、画像生成、音声、文字起こし、再ランキング、エージェント）ごとに整理。ファイル命名規則はプロバイダーと機能の組み合わせ（例：openai-tool-call.ts、amazon-bedrock-anthropic-cache-control.ts）をマッピングし、迅速な識別を可能に。エラーハンドリング、環境読み込みなどの共有ユーティリティヘルパーを含む。

任意のjson-renderアプリにドロップイン可能なインスペクタパネル。ユーザーが生成UIのデバッグ、スペックツリーの検査、実行時の状態編集、ディスパッチされた内容の確認を行いたい場合に使用します。

json-render用のプリビルドカスタムディレクティブ — フォーマット、数学、文字列操作、i18n。@json-render/directivesを使用する際や、カスタム定義時に利用します。

Discordチャンネル専門ワークフロー：インタラクションWebhookのデバッグ、Ed25519署名、遅延応答、/discord-webhookへのワークフロー転送、統合…

VercelのEdge Runtimeに関する専門的なガイダンス。Vercel Edge FunctionsおよびMiddleware向けの軽量JavaScriptランタイムです。エッジの構築や設定時に使用します。

メール送信統合ガイダンス — Resend（ネイティブVercel Marketplace）とReact Emailテンプレートを使用。API設定、トランザクションメール、ドメイン…をカバー。

このスキルは、Emil KowalskiのUIポリッシュ、コンポーネントデザイン、アニメーションの決定、そしてソフトウェアを素晴らしいものにする目に見えない細部に関する哲学をエンコードしています。

Vercel、GitHub、Google、Slack、Apple、Microsoft、AWS向けのローカルドロップインAPIエミュレーター。ユーザーがエミュレートされたサービスを起動したり、シードを設定したりする必要がある場合に使用します。

ストアフロントにVercel Analytics、Vercel Speed Insights、Google Tag Managerを追加します。

Enable next-intl-based i18n in the shop template — locale-prefixed URLs, per-locale message catalogs, and a locale switcher. Use when the user wants "locale…

ShopifyのメタオブジェクトをCMSとして活用し、ホームページやマーケティングページのコンテンツを管理します。cms_homepageおよびcms_pageメタオブジェクトタイプ用のGraphQLクエリを追加し、変換を行います…

Shopify Marketsを有効にし、next-intlを使用したマルチロケールルーティングを実現します。ユーザーが国際化、マルチロケールサポート、ロケールプレフィックス付きの…を追加したい場合に使用します。

ハードコードされたナビゲーションメニューとフッターメニューを、Shopify対応のメニューに置き換えます。

Vercel環境変数のエキスパートガイダンス。.envファイル、vercel envコマンド、OIDCトークン、または環境固有の設定を管理する際に使用します。

eveフレームワークを使用して、耐久性のあるバックエンドAIエージェントを構築します。eveプロジェクト（エージェントの指示、スキル、ツールなど）の作成、編集、デバッグ時に使用します。

eveフレームワークを使用して、耐久性のあるAIエージェントとエージェント駆動型アプリケーションを構築します。eveプロジェクトの作成、編集、デバッグ、または選択時に使用します。

Shopify AI Toolkitを使用して、Vercel Shopの作業のためにライブのStorefrontおよびCustomer Account GraphQLスキーマを検査します。

あなたはVercel Academyの「Building Filesystem Agents」コースの知識豊富なティーチングアシスタントです。bashでファイルシステムを操作するエージェントを構築し、構造化データに関する質問に答える学生を支援します。

オープンエコシステムから専門的なエージェントスキルを発見・インストールし、ユーザーが拡張機能を必要とする際に利用できるようにします。ユーザーが「Xのやり方」や「Xのスキルを探す」と尋ねた際に、ドメインやタスクに基づいて関連スキルを特定するのに役立ちます。Skills CLI（npx skills find、npx skills add）と連携し、skills.shディレクトリからパッケージを検索、確認、インストールします。インストール数、ソースの評判、GitHubスターに基づいてスキルを推奨し、インストール提案前に品質を保証します。スキルを提示します...

FirewallとVercel AI Gatewayのデバッグ（vercel-openclaw向け）：ネットワークポリシーの許可リスト、OIDCトークンリフレッシュ、AI Gateway変換ルール、ファイアウォール…

Next.js内部でフレームワークのフィーチャーフラグを追加または変更する際にこのスキルを使用します。

Flags SDK（flags npmパッケージ）は、Next.jsおよびSvelteKit向けの機能フラグツールキットです。各機能フラグを呼び出し可能な関数に変換し、アダプターを介して任意のフラグプロバイダーと連携し、プリコンピュートパターンを使用してページを静的状態に保ちます。Vercel Flagsはファーストパーティプロバイダーであり、Vercelダッシュボードまたはvercel flags CLIからフラグを管理できます。

差別化された、プロダクションレベルのフロントエンドインターフェースを高いデザイン品質で作成します。ユーザーがWebコンポーネント、ページ、アーティファクトなどの構築を依頼した場合に、このスキルを使用してください。

差別化された、プロダクションレベルのフロントエンドインターフェースを高いデザイン品質で作成します。ユーザーがウェブコンポーネント、ページ、アーティファクトなどの構築を依頼した場合に、このスキルを使用してください。

Vercel-OpenCLawのゲートウェイとプロキシデバッグ: /gatewayルーティング、HTMLインジェクション、WebSocketリライト、gateway-tokenハンドオフ、待機ページ、ステータスハートビート、…

Geist（Vercelのデフォルトのタイポグラフィシステムおよびフォントファミリー）に関する専門的なガイダンス。正確なNext.jsインターフェースのために、Geist Sans、Geist Mono、または…を設定する際に使用します。

Next.jsアプリとして、Geistデザインシステムを用いた探索的でインタラクティブな学習体験を構築します。チュートリアルや探索可能な解説を作成する際に使用します。

Geistdocs（VercelがNext.jsとFumadocsで構築したドキュメントテンプレート）の専門的なガイダンス — MDXオーサリング、設定、AIチャット、i18n、フィードバック、…

ローカル開発とテストのためのエミュレートされたGitHub REST API。ユーザーがローカルでGitHub APIエンドポイントとやり取りしたり、GitHub統合をテストしたりする必要がある場合に使用します。

GitHub APIツールをAIエージェントに追加するには、@github-tools/sdk — AI SDK、eve、Vercel Workflow、Chat SDKを使用します。ツール、プリセット、承認制御、トークンスコープなどをカバーしています。

ローカル開発とテスト用のエミュレートされたGoogle OAuth 2.0、OpenID Connect、Gmail、カレンダー、ドライブ。ユーザーがGoogleサインインをテストする必要がある場合に使用します…

HonoのWebアプリケーションをVercelにデプロイする際、またはユーザーがHonoのAPI、ルーティング、ミドルウェア、JSX、バリデーション、テスト、ストリーミングについて質問した際に使用します。

json-render用の画像レンダラーで、Satoriを介してJSON仕様をSVGおよびPNG画像に変換します。@json-render/imageを使用する際や、OG画像を生成する際に利用します。

公式のcreate-vercel-shop CLIを使用して、新しいVercel Shopストアフロントを初期化します。ユーザーがVercelを作成、スキャフォールド、開始、または初期化したい場合に使用します。

json-render用のInkターミナルレンダラーで、JSON仕様をインタラクティブなターミナルUIに変換します。@json-render/inkを使用してターミナルUIを構築する際に使用します。

Spin up a portless + tmux dev session for the Workflow SDK that gives each git worktree isolated `<branch>.<name>.localhost` URLs for the Next.js workbench and…

統合デバッグコーディネーター。フラストレーションシグナル（スタック、ハング、破損、待機）をトリガーに、ランタイムログ→ワークフローステータス→…と系統的にトリアージする。

無人島から救出される方法

json-renderのStateStoreインターフェース用のJotaiアダプター。@json-render/jotaiを介してjson-renderをJotaiと統合する際に使用します。

AIチャット応答のレンダリングガイダンス — UIMessageパーツ、ツール呼び出し表示、ストリーミング状態、構造化データ表示の処理。構築時に使用…

スキーマ定義、カタログ作成、およびAI駆動のJSONレンダリングのためのスペックストリーミング。defineSchemaとdefineCatalogを使用して型付きスペックとコンポーネントカタログでスキーマを定義し、自動またはカスタムルールでAIプロンプトを生成します。状態バインディング（$state、$bindState）、条件分岐（$cond）、テンプレート、および計算関数を含む動的プロパティ式をサポートします。createSpecStreamCompilerを使用してAIレスポンスをJSONLパッチとしてストリーミングし、プログレッシブなスペック構築を実現します。組み込みのバリデーション、...

json-render用の画像レンダラーで、Satoriを介してJSON仕様をSVGおよびPNG画像に変換します。@json-render/imageを使用してOG画像を生成する際に使用します…

JSON仕様を型安全なReactコンポーネントツリーに変換し、状態管理と動的式をサポートします。要素ツリーによる宣言的UI仕様、$bindStateによる双方向データバインディング、条件付きレンダリング、計算式を備えています。StateProviderによる組み込み状態管理、オプションの外部ストア統合（Redux、Zustand、XState）、JSONポインタベースの状態パスを提供。アクションディスパッチ、状態ウォッチャー、およびsetStateを含む4つの組み込みアクションを持つイベントシステムを搭載しています。

React Emailレンダラー。json-render用で、@react-email/componentsと@react-email/renderを使ってJSON仕様をHTMLまたはプレーンテキストのメールに変換します。以下の場合に使用…

React Nativeレンダラー。json-renderのJSON仕様をネイティブモバイルUIに変換します。@json-render/react-nativeを使用してReact Native UIを構築する際に利用します…

Remotionレンダラー。json-render用で、JSONタイムライン仕様を動画に変換します。@json-render/remotionを使用して動画コンポジションを構築する際に利用します。

json-render用のビルトインshadcn/uiコンポーネント。@json-render/shadcnを使用する際、カタログに標準UIコンポーネントを追加する場合、またはWeb UIを構築する場合に使用します。

Vercelプラットフォームに関する古いLLMの知識を修正し、新製品を紹介します。セッション開始時に注入されます。

TypeScriptコードベースに構造的な規約を強制するkonsistent.json設定ファイルを作成または変更します。ユーザーが強制したい場合に使用します…

konsistent CLIを実行し、報告されたすべての違反を確認して、コードベースで修正します。ユーザーが「konsistentの違反を修正」「解決…」と希望する場合に使用します。

lat.mdドキュメントファイルの作成と保守 — プロジェクトのアーキテクチャ、設計上の決定、テスト仕様を記述する構造化マークダウン。以下の場合に使用…

Vercel-OpenClaw向けの起動検証とリモートスモークデバッグ：プリフライト、キューping、ensureRunning、chatCompletions、wakeFromSleep、restorePrepared、…

ローカル開発とテストのためのエミュレートされたLinear GraphQL API。ユーザーがLinear統合をローカルでテストしたり、Linearの課題やコメントなどをエミュレートする必要がある場合に使用します。

npmパッケージのtarball内容を公開前に検査し、どのファイルが配布されるかを確認します。npmにアップロードされる正確なファイルを一覧表示し、公開前にファイルの欠落や不要な包含を発見するのに役立ちます。package.jsonのfilesフィールド、.npmignore、.gitignoreのルールを尊重し、実際のバンドル内容を表示します。パッケージの自動ビルド、tarballの作成、内容表示、クリーンアップを単一のコマンドで実行します。パッケージディレクトリからシンプルなbashスクリプトで実行可能で、以下のような用途に便利です...

Vercelのデプロイログを表示します。ユーザーが「ログを見せて」「ログを確認して」「Vercelのログ」「デプロイで何が問題だったか」と言った場合に使用します。

次期AI SDKメジャーリリースに向けた作業用コンテキスト。ユーザーから明示的に呼び出された場合のみ使用（例: '/major-version-mode'）。トリガーしないでください…

Vercel Marketplaceの専門家によるガイダンス — 統合の検出、インストール、構築、自動プロビジョニングされた環境変数、統一請求、そして…

Sitecore MarketplaceアプリにAIスキル統合（Brand Review API）を追加します。ユーザーがAIを活用したコンテンツ分析、ブランドレビュー、またはブランド…を追加したい場合に使用します。

Sitecore Marketplaceアプリに新しい拡張ポイントルートを追加します。ユーザーがカスタムフィールド、ダッシュボードウィジェット、コンテキストパネル、フルスクリーンなどを追加したい場合に使用します。

Sitecore MarketplaceアプリにXM Cloud API統合を追加します。ユーザーがサイト、ページ、オーサリング、コンテンツ転送、検索、またはエージェントAPIにアクセスしたい場合に使用します…

Blokデザインシステムを使用してSitecore Marketplaceアプリ向けのUIコンポーネントを構築します。ユーザーがUIを作成したい、コンポーネントを追加したい、ページレイアウトを構築したい、または…場合に使用します。

Sitecore Marketplaceアプリを適切なCSPヘッダーと設定でVercelにデプロイします。

公式SDKを使用して新しいSitecore Marketplaceアプリをスキャフォールディングします。ユーザーが新しいマーケットプレイスアプリを作成したい場合、新しいSitecoreプロジェクトを開始したい場合、または…

Sitecore Marketplace SDK APIリファレンス。ユーザーがSDKのメソッド、型、クエリ、ミューテーション、サブスクリプション、またはSitecoreの使用方法について質問した場合に使用します。

MCP Appsとjson-renderの統合。Claude、ChatGPT、Cursor、VS CodeでインタラクティブなUIをレンダリングするMCPサーバーを構築する際、または統合する際に使用します。

Vercelによる非同期HTTPマイクロサービスフレームワーク「micro」の専門ガイダンス。軽量HTTPサーバー、APIエンドポイント、マイクロサービスの構築時に使用。

ローカル開発およびテスト用のエミュレートされたMicrosoft Entra ID（Azure AD）OAuth 2.0 / OpenID Connect。ユーザーがローカルでMicrosoftサインインをテストする必要がある場合に使用します。

アプリケーションをAI SDK 6.xからAI SDK 7.0に移行します。Vercel AI SDKパッケージのアップグレード時、v7移行エラーの修正時、またはユーザーがAI SDK v6に言及した場合に使用します。

Temporal、Inngest、Trigger.dev、AWS Step FunctionsのワークフローをWorkflow SDKに移行します。アクティビティ、ワーカー、シグナル、step.run()などを移植する際に使用します。

Native SDK向けのディスカバリースキル。ネイティブデスクトップアプリケーションを構築するための完全なツールキットです。ビューは宣言的なネイティブマークアップ（.native）で記述され、ロジックは…

@vercel/nccの専門的なガイダンス — すべての依存関係を含む単一ファイルにNode.jsモジュールをコンパイルするためのシンプルなCLI。サーバーレスをバンドルする際に使用…

Next.jsアプリにエミュレーターを直接埋め込むためのNext.jsアダプター（@emulators/adapter-next経由）。ユーザーがNext.jsにエミュレーターを埋め込む必要がある場合や、セットアップを行う場合に使用します。

Next.jsレンダラー。json-render用で、JSON仕様からルート、レイアウト、SSR、メタデータを備えた完全なNext.jsアプリケーションを生成します。使用するのは…

Next.jsのベストプラクティス - ファイル規約、RSC境界、データパターン、非同期API、メタデータ、エラーハンドリング、ルートハンドラ、画像/フォント最適化、…

Next.jsの開発に関する包括的なガイドラインで、ファイル構造、RSCパターン、データ取得、最適化、エラーハンドリングをカバー。ファイル規約、ルートセグメント、RSC境界、非同期パターン、メタデータ生成、画像・フォント最適化など15以上のトピック領域を網羅。ランタイム選択のガイダンス、ディレクティブの使用法、error.tsxやnot-found.tsxなどの特定のファイル規約を用いたエラーハンドリング戦略を提供。データ取得パターン、ルートハンドラのベストプラクティスを含む。

Next.jsのベストプラクティス - ファイル規約、RSC境界、データパターン、非同期API、メタデータ、エラーハンドリング、ルートハンドラ、画像/フォント最適化、…

Next.jsのベストプラクティス - ファイル規約、RSC境界、データパターン、非同期API、メタデータ、エラーハンドリング、ルートハンドラ、画像/フォント最適化、…

next-browserが既にPATHにない場合、ユーザーのパッケージマネージャーで@vercel/next-browserをグローバルにインストールし、その後playwright install chromiumを実行します。

Next.js 16 キャッシュコンポーネントのガイダンス — PPR、use cacheディレクティブ、cacheLife、cacheTag、updateTag、およびunstable_cacheからの移行。実装時に使用…

Partial Prerenderingを使用して、単一のNext.jsルート内で静的、キャッシュ、動的コンテンツを混在させます。next.config.tsでcacheComponents: trueを有効にすると、古いexperimental.pprフラグが置き換えられます。ファイル、コンポーネント、または関数レベルで'use cache'ディレクティブを使用し、引数とクロージャに基づく自動キー生成で非同期データをキャッシュします。cacheLife()を使用して、組み込みプロファイル（'minutes'、'hours'、'days'、'weeks'、'max'）またはstaleを含むインライン設定でキャッシュの有効期間を制御します。

Next.js 16 キャッシュコンポーネント - PPR、use cacheディレクティブ、cacheLife、cacheTag、updateTag

Check Next.js compilation errors via a running dev server. Turbopack only. MANDATORY after every code edit before reporting work complete. Replaces `next…

next-forge expert guidance — production-grade Turborepo monorepo SaaS starter by Vercel. Use when working in a next-forge project, scaffolding with `npx…

next-forgeのエキスパート支援 — Next.js SaaSアプリ向けのプロダクショングレードTurborepoテンプレート。next-forgeのインストール、セットアップに関する質問で起動…

Next.jsを公式の移行ガイドとcodemodに従って最新バージョンにアップグレードします。Next.jsのバージョンアップグレード時、codemodの実行時、または移行時に使用します…

公式のcodemodと移行ガイドを統合したNext.jsの自動バージョンアップグレード。package.jsonから現在のNext.jsバージョンを検出し、公式ガイドからバージョン固有のアップグレードドキュメントを取得。非同期Request API、geo/IPプロパティの移行、動的インポート変換などの破壊的変更に対応するNext.jsのcodemodを自動実行。メジャーバージョンジャンプ（例：13→14→15）の段階的アップグレードを処理し、ピア依存関係（React、React DOM...）を更新。

公式の移行ガイドとコードモッドに従ってNext.jsを最新バージョンにアップグレードします

Next.js App Routerの専門的なガイダンス。Next.jsアプリケーションの構築、デバッグ、アーキテクチャ設計（ルーティング、サーバーコンポーネント、サーバーアクション、キャッシュなど）を行う際に使用します。

Next.jsアプリケーションをWebflow CloudからVercelに移行します。ユーザーがNext.jsアプリをWebflow Cloudから移行、マイグレーション、または移植したい場合にこのスキルを使用してください。

Structured diagnostic code library for JavaScript/TypeScript. Turns errors and other conditions into typed, machine-readable `Diagnostic` instances with stable…

Nuxtアプリにエミュレーターを直接埋め込むためのNuxtアダプター（@emulators/adapter-nuxt経由）。ユーザーがNuxtにエミュレーターを埋め込む必要がある場合、同一オリジンの設定を行う際に使用します…

OAuthプロバイダー（Google、Apple、Microsoft、Facebook、GitHubなど）を設定して、ポートレスのローカル開発URLで動作するようにします。OAuthリダイレクトURIを設定する際に使用します。

Vercel Observabilityの専門的なガイダンス — ドレイン（ログ、トレース、スピードインサイト、ウェブアナリティクス）、ウェブアナリティクス、スピードインサイト、ランタイムログ、カスタムイベント、…

OpenClawのブートストラップ、バンドル、設定、およびvercel-openclaw向けのアセット復元デバッグ：openclaw.bundleサイドカー、プラグイン検出、チャンネルカタログ、再起動…

依存関係のソースコードを取得し、AIエージェントに実装のより深いコンテキストを提供します。エージェントがライブラリの内部動作を理解する必要がある場合に使用し、読み取ります…

Stripeの支払い統合ガイダンス — ネイティブVercel Marketplaceのセットアップ、チェックアウトセッション、Webhook処理、サブスクリプション課金、Stripe SDK。使用するタイミング…

ウェブアニメーションやレンダリングパフォーマンス（フレームループ、スクロール/ビューポート表示、マウント/アンマウントトランジションなど）の構築、レビュー、最適化時に使用します。

非自明なタスクを実装する前に、全体論的かつシステムを考慮した計画を立てます。新しい機能、アーキテクチャ上の決定、複数ファイルにわたる変更などを伴うタスクに使用します。

実際のプロジェクトでvercel-pluginのパフォーマンスを監査します。Claude Codeの会話ログからツール呼び出しを抽出し、実際の入力に対してフックのマッチングをテストします…

開発サーバー向けの名前付き.localhost URLを提供し、ポート競合やハードコードされたポート番号を排除します。ランダムな空きポート（4000～4999）を自動割り当てし、名前付きサブドメイン（例：myapp.localhost:1355）をリバースプロキシ経由でポート1355上の正しいアプリにルーティングします。gitワークツリーを自動検出し、ブランチ名をサブドメインのプレフィックスとして付加することで、設定変更なしで各ワークツリーに一意のURLを割り当てます。自動生成されたローカルCA証明書によるHTTPSを使用したHTTP/2をサポートし、プロキシ用のCLIコマンドを含みます...

ユーザーがNext.jsモノレポ内のPRステータス、CI失敗、またはレビューコメントについて質問した場合にこのスキルを使用してください。

クリエイティブコーディングとリアルタイムグラフィックスのための最小限のWebGPUシェーダーライブラリ。フルスクリーンパス、パーティクル、コンピュートシェーダー、レンダーターゲット、ピンポン処理などを提供します。

JSON仕様をReactコンポーネントツリーに変換し、型安全なpropsと状態管理を実現します。Zodスキーマでコンポーネントpropsのカタログを定義し、自動的な型安全性とバリデーションを持つコンポーネントを実装します。StateProviderによる組み込みの状態管理は、双方向バインディング（$bindState）、条件付きレンダリング、外部ストア統合（Redux、Zustand、XState）を備えています。アクションディスパッチ、状態ウォッチャー、4つの組み込みアクション（setState、pushState、removeState...）を持つイベントシステム。

Vercel EngineeringによるReactとNext.jsのパフォーマンス最適化ガイドライン。このスキルは、React/Next.jsコードの作成、レビュー、リファクタリング時に使用し、最適なパフォーマンスパターンを確保します。Reactコンポーネント、Next.jsページ、データフェッチ、バンドル最適化、パフォーマンス改善を含むタスクで発動します。

React TSXファイルのベストプラクティスレビュアー。複数のTSXコンポーネント編集後にトリガーされ、コンポーネント構造などをカバーする簡潔な品質チェックリストを実行します。

React Emailレンダラー（json-render用）。@react-email/componentsと@react-email/renderを使用してJSON仕様をHTMLまたはプレーンテキストのメールに変換します。次のような場合に使用します…

json-render用のReact Nativeレンダラーで、JSON仕様をネイティブモバイルUIに変換します。@json-render/react-nativeを使用してReact Native UIを構築する際に利用します…

React NativeとExpoを使用してパフォーマンスの高いモバイルアプリを構築するためのベストプラクティス。React Nativeコンポーネントの構築、リストパフォーマンスの最適化、実装時に使用します。

React PDFレンダラー（json-render用）。JSON仕様からPDF文書を生成する際、@json-render/react-pdfを使用する場合、または仕様をPDFにレンダリングする場合に使用します…

React Three Fiber 3Dレンダラー（json-render用）。@json-render/react-three-fiberを使用する場合、JSON仕様から3Dシーンを構築、レンダリング…

ベンダリングされたReact、react-server-dom-webpack/*、またはreact-serverレイヤーの境界に影響する変更には、このスキルを使用してください。

json-renderのStateStoreインターフェース用のReduxアダプター。@json-render/reduxを介した状態管理のためにjson-renderをReduxまたはRedux Toolkitと統合する際に使用します。

Vercelプラグインをリリース — ゲートを実行し、バージョンを上げ、アーティファクトを生成し、コミットしてプッシュします。「リリースして」「出荷して」「バージョンを上げてプッシュして」または「リリースを切って」と依頼されたときに使用します。

Remotionレンダラー。JSONタイムライン仕様を動画に変換するjson-render用。@json-render/remotionを使用し、ビデオコンポジションを構築する際に利用。

Remotion - Reactでの動画作成のベストプラクティス

フォークからOpen Harnessがホストするデモの制限を削除します。メンテナーが管理テンプレートのトライアル上限、ホスト型デプロイメントのゲーティングなどを削除したい場合に使用します。

ローカル開発とテスト用のエミュレートされたResendメールAPI。ユーザーがローカルでメールを送信したり、トランザクションメールフローをテストしたり、マジックリンクを実装したりする必要がある場合に使用します。

このスキルは、プリフェッチリクエスト、クライアントルーターのナビゲーション、またはセグメントキャッシュを含むテストを作成または修正する際に使用します。test/lib/router-act.tsのcreateRouterActユーティリティを使用すると、リクエストの正確な数やプロトコルの詳細に依存せずに、エンドツーエンドでプリフェッチおよびナビゲーションのレスポンスをアサートできます。そのため、ほとんどのクライアントルーター関連のテストでこのパターンが使用されています。

Vercel Routing Middlewareのガイダンス — キャッシュ前のリクエストインターセプト、リライト、リダイレクト、パーソナライゼーション。任意のフレームワークで動作。Edge、Node.jsをサポート…

Vercel Runtime Cache APIのガイダンス — タグベースの無効化を備えた、リージョンごとの一時的なキーバリューキャッシュ。Functions、Routing Middleware、Builds間で共有されます。…

ランタイムバンドル、モジュール解決、またはユーザーバンドルインクルージョンの再現時にこのスキルを使用してください。

Vercel Sandbox SDKを使用して、隔離されたLinux MicroVMを作成します。コード実行環境の構築、信頼できないコードの実行、開発サーバーの起動などに使用します。

Sandboxライフサイクルデバッグ（vercel-openclaw向け）：作成、再開、停止、スナップショット作成、リセット、古い実行中の調整、永続的なSandbox v2動作、ホット…

Vercel Sandbox v2のライフサイクルに関する専門知識。vercel-openclaw向け：名前付き永続OpenClawサンドボックスの作成/再開/停止/削除、永続自動保存の真実、手動…

Satori（Vercelのライブラリ）に関する専門的なガイダンス。HTMLとCSSをSVGに変換するもので、Next.jsやその他のフレームワークで動的なOG画像を生成するためによく使用されます。

Vercel CLIとプロジェクト設定を行います。ユーザーが「Vercelをセットアップ」「Vercelを設定」「Vercelにリンク」「vercel init」と言った場合に使用します。

shadcn/uiのエキスパートガイダンス — CLI、コンポーネントインストール、構成パターン、カスタムレジストリ、テーマ設定、Tailwind CSS統合、高品質なインターフェース…

json-render用のビルトインshadcn/uiコンポーネント。@json-render/shadcnを使用する際、カタログに標準UIコンポーネントを追加する際、またはWeb UIを構築する際に使用します。

shadcn-svelteのプリビルドコンポーネントで、json-render Svelteアプリ向け。@json-render/shadcn-svelteを使用してSvelteに標準UIコンポーネントを追加する際に利用します。

Shopifyで検証済みのStorefrontまたはCustomer Account GraphQLをVercel Shopに統合します。Shopify AI ToolkitがAPI操作を提供し検証した後に使用します。…

Vercelアカウントを介したユーザー認証のためのOAuth 2.0/OIDC IDプロバイダー。Vercelを使用したユーザーログインを実装する際に使用します。

効果的なスキルを作成するためのガイド。このスキルは、ユーザーがClaudeの機能を拡張する新しいスキルを作成（または既存のスキルを更新）したい場合に使用されるべきです。

効果的なスキルを作成するためのガイド。このスキルは、ユーザーがClaudeの機能を拡張する新しいスキルを作成（または既存のスキルを更新）したい場合に使用されるべきです。

ローカル開発とテストのためのSlack APIエミュレーション。ユーザーがSlack APIエンドポイントをローカルで操作する必要がある場合、Slack統合をテストする場合、エミュレートする場合に使用します。

Slackエージェント/ボットコード、Chat SDKアプリケーション、Bolt for JavaScriptプロジェクト、または@chat-adapter/slackや@slack/boltを使用するプロジェクトで作業する際に使用します。提供するのは…

Slackチャンネル専門ワークフロー：Slack OAuthのデバッグと配信準備完了、/slack/eventsの高速パス、生ボディ署名、ルート修復、起動メッセージのクリーンアップ、その他…

SolidJS用のjson-renderレンダラー。@json-render/solidのカタログやレジストリの構築、Rendererプロバイダーの配線、バインディングやアクションの実装などに使用します。

StreamdownのストリーミングMarkdownに関する専門的なガイダンス。AIモデルからのストリーミングMarkdownレンダリング、リアルタイムコンテンツを備えたチャットUIの構築、または置き換え時に使用します。

ストリーミング最適化されたReact Markdownレンダラーで、シンタックスハイライト、図表、数式、AIチャット統合を備えています。Shikiによるコードシンタックスハイライト（200以上の言語対応）、Mermaid図表、LaTeX数式レンダリング、CJKテキストサポートの4つのオプションプラグインをサポート。ストリーミング（AIチャット用アニメーションカーソル付き）と静的（ブログやドキュメント用）の2つのレンダリングモード。リンク安全性モーダル、HTMLタグフィルタリング、URLサニタイズ、設定可能な要素などのセキュリティ機能を内蔵。

ローカル開発およびテスト用のエミュレートされたStripe API。ユーザーがローカルで支払いを処理したり、チェックアウトフローをテストしたり、顧客を作成したり、管理したりする必要がある場合に使用します。

styled-jsxの専門的なガイダンス — ReactおよびNext.js向けのスコープ付きCSS-in-JS。styled-jsx babelプラグインを使用してコンポーネントスコープのスタイルを記述する際に使用します。

Svelte 5レンダラーで、JSON仕様をSvelteコンポーネントツリーに変換します。@json-render/svelteを使用する際や、JSONからSvelte UIを構築する際に利用します。

SWRデータフェッチングの専門的なガイダンス。クライアントサイドのデータフェッチング、キャッシング、再検証、ミューテーション、楽観的UI、ページネーションなどを使用してReactアプリを構築する際に使用します。

TanStack StartアプリケーションをCloudflare WorkersからVercelに移行します。ユーザーがTanStack Start（または…）を移動、移行、移植したい場合にこのスキルを使用してください。

TanStack StartアプリケーションをNetlifyからVercelに移行します。ユーザーがTanStack Start（またはTanStack）アプリを移行、移植したい場合にこのスキルを使用してください。

Telegramチャンネル専門ワークフロー：/api/channels/telegram/webhookのデバッグ、ネイティブポート8787 /telegram-webhook、webhookSecret、起動時クリーンアップ、および受付後処理…

bashツールを使ってテキストファイルを分析・変換する

Turbopackの専門的なガイダンス。Next.jsバンドラーの設定時、HMRの最適化、ビルド問題のデバッグ、またはTurbopackとWebpackの違いを理解する際に使用します。

Turborepoの専門的なガイダンス。モノレポビルドのセットアップや最適化、タスクキャッシュの設定、リモートキャッシュ、並列実行、--affected…の使用時に利用します。

モノレポビルドシステム。インテリジェントなタスクキャッシュ、並列実行、依存関係グラフのオーケストレーションを備える。タスク出力をキャッシュし、宣言された依存関係に基づいてタスクを並列実行。CI/CDワークフロー向けのリモートキャッシュをサポート。--affected で変更されたパッケージのみをフィルタリングして実行、または --filter でカスタムパッケージ選択が可能。turbo.json で dependsOn、outputs、inputs、env キーを用いてタスクを設定。パッケージ設定によるパッケージ固有のオーバーライドをサポート。モノレポを強制...

Tailwind CSS v4向けのセマンティックスペーシングシステムで、ブロック（32px）とタブ（4px）単位を使用します。一貫したスペーシングでUI、ダッシュボード、管理パネルなどを構築する際に使用します。

ローカル開発およびテスト用のエミュレートされたTwilio REST API。ユーザーがTwilio Messaging、Verify、Voice、電話番号、ウェブフック、ステータスなどをテストする必要がある場合に使用します。

クローンが必要な場合：

コード変更とPRレビューに基づいてNext.jsドキュメントを更新するためのガイド付きワークフロー。git diffを分析し、コードからドキュメントへのマッピング参照を使用して影響を受けるドキュメントファイルを特定します。新しい機能ドキュメント（コンポーネント、関数、設定、ガイド、ファイル規約）をスキャフォールディングするためのテンプレートと規約を提供します。各変更の前にユーザーの確認を得ながら、既存のドキュメントを段階的に更新します。フォーマットを保証するためのバリデーションチェックリストとリンティングコマンドを含みます...

既存のAI SDKプロバイダーに対して、新しいモデルIDを追加したり、廃止されたモデルIDを削除します。プロバイダーにモデルを追加する場合、廃止されたモデルを削除する場合、またはリストを処理する場合に使用します。

既存のVercel Shopストアフロントを新しいテンプレート変更で更新します。ユーザーがドリフトを確認したい、アップグレードを計画したい、またはテンプレートの更新を適用したい場合に使用します。

v0 by Vercelの専門的なガイダンス。AIコード生成、プロンプトからのUIコンポーネント生成、v0 CLIの使用、v0 SDK/API統合などを議論する際に使用します。

このスキルは、Next.jsサーバー内部のパフォーマンスが重要なコードパス（特にレンダリング、ストリーミング、ルーティング、キャッシュといったリクエストごとのホットパス）を記述または最適化する際に使用します。

ローカル開発およびテスト用のエミュレートされたVercel REST API。ユーザーがローカルでVercel APIエンドポイントとやり取りしたり、Vercel統合をテストしたりする必要がある場合に使用します。

アプリケーションやウェブサイトをVercelにデプロイします。ユーザーが「アプリをデプロイして」「本番環境にデプロイして」「プレビューデプロイを作成して」「デプロイしてリンクを教えて」「これを公開して」といったデプロイアクションをリクエストした場合にこのスキルを使用します。認証は不要で、プレビューURLとクレーム可能なデプロイリンクを返します。

Vercel Agentのガイダンス — AIを活用したコードレビュー、インシデント調査、SDKインストール。PR分析と異常デバッグを自動化します。設定時に使用…

Vercel AI SDK（Python） - ストリーミング、ツール、フック、構造化出力を用いたLLM搭載アプリケーション構築のためのパターン

Vercel MCPおよびREST APIの専門的なガイダンス。エージェントがVercelのプロジェクト、デプロイメント、環境変数、ドメイン、ログなどにライブアクセスする必要がある場合に使用します。

Vercel CLIの専門的なガイダンス。デプロイ、環境変数の管理、プロジェクトのリンク、ログの表示、メトリクスの照会、ドメインの管理などの際に使用します。

VercelプロジェクトのローカルおよびCI/CDパイプラインでのデプロイ、管理、開発のためのコマンドラインインターフェース。明示的なプロジェクトリンクが必要（vercel link（単一プロジェクト）またはvercel link --repo（モノレポ））。コマンドは.vercel/フォルダを含むディレクトリから実行する必要がある。コアワークフロー：vercel dev（ローカル開発）、vercel deploy（プレビューデプロイ）、vercel --prod（本番環境）。環境変数、ドメイン、DNS、ブロブストレージ、統合、Node.jsバックエンドなどをサポート。

トークンベースの認証を使用してVercel上のプロジェクトをデプロイおよび管理します。アクセストークンを使用してインタラクティブなログインではなくVercel CLIを操作する場合に使用します —…

Reactコンポジションパターンでスケーラブルに。ブール値プロップの乱立をリファクタリングする際、柔軟なコンポーネントライブラリを構築する際、または設計する際に使用します…

Reactコンポーネントのスケーリングと真偽値プロップの乱用を避けるためのコンポジションパターン。コンポーネントアーキテクチャ、状態管理、実装パターン、React 19 APIの4つの優先カテゴリをカバーし、各カテゴリに固有のルールとコード例を含む。コンパウンドコンポーネント、コンテキストプロバイダー、状態のリフティング、明示的なバリアントに対応する10以上の名前付きパターンを提供。肥大化したコンポーネントのリファクタリング、再利用可能なライブラリの構築、コンポーネントアーキテクチャの決定のレビュー向けに設計。React...

vercel-composition-patterns — vercel-labs/openreview が公開する、AIエージェント向けのインストール可能なスキルです。

アプリケーションやウェブサイトをVercelにデプロイし、クレーム可能なプレビューを提供します。ユーザーが「アプリをデプロイして」「デプロイしてプレビューを…」といったデプロイアクションをリクエストした場合に使用します。

Vercel Firewallの専門的なガイダンス — 自動DDoS緩和、Vercel WAF（カスタムルール、IPブロッキング、管理ルールセット、レート制限）、アタックモード、システム…

Vercel Flagsのガイダンス — 統一ダッシュボード、Flags Explorer、段階的ロールアウト、A/Bテスト、プロバイダーアダプターを備えたフィーチャーフラグプラットフォーム。以下の場合に使用…

Vercel Functionsの専門的なガイダンス — サーバーレス関数、エッジ関数、Fluid Compute、ストリーミング、Cronジョブ、ランタイム設定。設定時に使用します…

Vercel上でマイクロフロントエンドを構築、設定、デプロイするためのガイドです。ユーザーがマイクロフロントエンド、マルチゾーン、アプリの分割について言及した場合にこのスキルを使用してください。

デプロイ済みプロジェクト、特にNext.js、SvelteKit、Nuxt、および限定的なAstroアプリにおけるVercelのコストとパフォーマンス最適化に使用します。まずVercelのメトリクス、使用状況、プロジェクト設定、コードスキャン結果を収集し、メトリクスに裏付けられた候補のみを調査し、検証済みファイルとバージョン対応のVercel/フレームワークドキュメントに基づいた優先順位付きの推奨事項を生成します。Vercelの請求額削減、低速または高コストなルート、キャッシュの機会、Function Invocations、Build Minutes、Fast Data Transfer、Core...のトリガーとなります。

vercel-pluginに対してライブ評価セッションを実行し、フックの動作、スキル注入、重複排除の正確性、カバレッジを検証します。実際のClaude Codeセッションを起動します…

VercelのexperimentalServices APIを使用してPythonバックエンドサービスを構築します。Pythonバックエンドや、Pythonバックエンドを含むマルチサービスプロジェクトを作成する際に使用します…

Vercel Queuesガイダンス（パブリックベータ）— トピック、コンシューマグループ、リトライ、遅延配信を備えた耐久性のあるイベントストリーミング。$0.60/100万オペレーション。Workflowを強化…

Vercel EngineeringによるReactおよびNext.jsのパフォーマンス最適化ガイドライン。このスキルは、React/Next.jsのコードを記述、レビュー、またはリファクタリングする際に使用すべきものです。

Vercel EngineeringによるReactおよびNext.jsのパフォーマンス最適化ガイドライン。このスキルは、React/Next.jsのコードを記述、レビュー、またはリファクタリングする際に使用すべきものです。

Vercel EngineeringによるReactおよびNext.jsのパフォーマンス最適化ガイドライン。このスキルは、React/Next.jsのコードを記述、レビュー、またはリファクタリングする際に使用すべきものです。

Vercel EngineeringによるReactおよびNext.jsのパフォーマンス最適化ガイドライン。このスキルは、React/Next.jsのコードを記述、レビュー、またはリファクタリングする際に使用すべきものです。

Vercel EngineeringによるReactおよびNext.jsのパフォーマンス最適化ガイドライン。このスキルは、React/Next.jsのコードを記述、レビュー、またはリファクタリングする際に使用する必要があります。

Vercel EngineeringによるReactおよびNext.jsのパフォーマンス最適化ガイドライン。このスキルは、React/Next.jsのコードを記述、レビュー、またはリファクタリングする際に使用すべきものです。

React NativeとExpoにおける、リストレンダリング、アニメーション、ナビゲーション、ネイティブモジュールにわたる、パフォーマンスの高いモバイルアプリのためのベストプラクティス。影響度で優先順位付けされた8つのルールカテゴリをカバー：リストパフォーマンス（FlashList、メモ化、コールバックの安定性）、アニメーション（GPUプロパティ、派生値）、ナビゲーション、UIパターン、状態管理、レンダリング、モノレポ構成、設定。リストパフォーマンスのルールは、大規模リストの仮想化、画像の最適化、回避などの重要な懸念事項に対処します。

React NativeとExpoを使用した、パフォーマンスの高いモバイルアプリを構築するためのベストプラクティス。

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…

Vercel Sandboxのガイダンス — 信頼できないコードを安全に実行するための一時的なFirecrackerマイクロVM。AIエージェント、コード生成、実験をサポート。以下の場合に使用…

Vercel Services — 単一のVercelプロジェクト内で複数のサービスをデプロイします。モノレポ構成や、バックエンド（Python、Go）とフロントエンドを組み合わせる場合に使用します…

Vercelストレージの専門的なガイダンス — Blob、Edge Config、およびマーケットプレイスストレージ（Neon Postgres、Upstash Redis）。データの選択、設定、または使用時に利用します…

フルストーリー検証 — ユーザーが構築しているものを推測し、ブラウザ→API→データ→レスポンスの完全なフローをエンドツーエンドで検証します。開発サーバー上でトリガーされます…

Vue 3用のjson-renderレンダラー。JSON仕様からVue UIを構築する際、@json-render/vueを使用する際、Vueコンポーネントレジストリを定義する際、またはレンダリング時に使用します。

UIコードをレビューし、Web Interface Guidelinesへの準拠を確認します。「UIをレビューして」「アクセシビリティをチェックして」「デザインを監査して」「UXをレビューして」「ベストプラクティスに沿ってサイトをチェックして」と依頼された場合に使用します。

web-animation-design — AIエージェント用のインストール可能なスキルで、vercel-labs/open-agentsによって公開されています。

UIコードをWebインターフェースガイドラインに準拠しているかレビューします。「UIをレビューして」「アクセシビリティを確認して」「デザインを監査して」「UXをレビューして」「サイトをチェックして」と依頼されたときに使用します。

UIコードをWebインターフェースガイドラインに準拠しているかレビューします。「UIをレビューして」「アクセシビリティをチェックして」「デザインを監査して」「UXをレビューして」「サイトをチェックして」と依頼されたときに使用します。

UIコードをWebインターフェースガイドラインに準拠しているかレビューします。「UIをレビューして」「アクセシビリティをチェックして」「デザインを監査して」「UXをレビューして」「サイトをチェックして」と依頼されたときに使用します。

UIコードをWebインターフェースガイドラインに準拠しているかレビューします。「UIをレビューして」「アクセシビリティを確認して」「デザインを監査して」「UXをレビューして」「サイトをチェックして」と依頼された場合に使用します。

webreelを使って、スクリプト化されたブラウザデモ動画を作成・録画します。カーソルアニメーション、キーストロークオーバーレイ、サウンド付きのMP4、GIF、WebM録画を生成します…

WhatsAppチャンネル専門家ワークフロー：Metaウェブフックの検証/署名のデバッグ、リンク状態の投影、/whatsapp-webhook高速パス、ブートメッセージ、および…

Vercel Workflow DevKit（WDK）の専門的なガイダンス。耐久性のあるワークフロー、長時間実行タスク、APIルート、または一時停止/再開、リトライが必要なエージェントを構築する際に使用します。

VercelのWorkflow DevKitを使用して、耐久性があり再開可能なワークフローを作成します。再起動に耐え、外部イベントのために一時停止する必要があるワークフローを構築する際に使用します。

耐久性があり再開可能なワークフローで、ステップベースのオーケストレーション、外部イベント用のフック、組み込みのAIエージェントサポートを備えています。3つの実行モードをサポート：ワークフロー関数（オーケストレーションレイヤー）、ステップ関数（自動リトライと結果の永続化を備えた完全なNode.jsアクセス）、およびツール統合を備えたAI駆動ワークフロー用のDurableAgent。フックでワークフローを一時停止して外部イベントを待ち、APIルートから再開可能。フックは単一イベントまたは反復可能なマルチイベントパターンをサポート...

Vercel Workflow SDKがnode_modulesに存在する前にインストールおよび設定します。ユーザーが「workflowをインストール」「workflowをセットアップ」「durableを追加」などと依頼した場合に使用します。

単一のAPIサーフェス（関数、コンポーネント、ファイル規約、ディレクティブ、設定オプション）を文書化したAPIリファレンスページを作成します。ページは簡潔でスキャンしやすく、例を中心とした構成にします。

現実世界のユースケースを段階的な例を通じて教える技術ガイドを作成します。概念は読者が必要とするタイミングでのみ導入されます。

ドキュメントや散文がライティングガイドラインに準拠しているかレビューします。「ドキュメントをレビューして」「文体をチェックして」「散文を監査して」「ドキュメントの声とトーンをレビューして」「このページをライティングハンドブックに照らしてチェックして」と依頼されたときに使用します。

XState Storeアダプター。json-renderのStateStoreインターフェースに対応。@json-render/xstateを介して@xstate/storeとjson-renderを統合する際に使用。

YAMLワイヤーフォーマット。ストリーミングパーサー、プロンプト生成、AI SDK変換を備えたjson-render用。@json-render/yaml、YAMLベースの仕様を扱う際に使用。

Zeroをインストールし、バージョンが一致したワークフローをzeroスキルで読み込みます。

zero-native（Zig製デスクトップアプリケーションシェル。Web UIを用いてネイティブアプリを構築するためのもの）に関する発見スキル。ユーザーがzero-nativeとは何か、またはその構築方法について質問した際に使用します。

json-renderのStateStoreインターフェース用のZustandアダプター。@json-render/zustandを介してjson-renderをZustandと統合し状態管理を行う際に使用します。