Vercelスキル

opensrc/skills/opensrc

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

vercel-plugin/skills/payments

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

phase/skills/phase

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

open-agents/.agents/skills/plan-mode

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

vercel-plugin/.claude/skills/plugin-audit

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

portless/skills/portless

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

next.js/.agents/skills/pr-status-triage

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

ralph-gpu/SKILLS/ralph-gpu

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

json-render/skills/react

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

agent-skills/skills/react-best-practices

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

vercel-plugin/skills/react-best-practices

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

json-render/skills/react-email

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

json-render/skills/react-native

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

agent-skills/skills/react-native-skills

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

json-render/skills/react-pdf

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

json-render/skills/react-three-fiber

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

next.js/.agents/skills/react-vendoring

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

json-render/skills/redux

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

vercel-plugin/.claude/skills/release

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

json-render/skills/remotion

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

json-render/skills/remotion-best-practices

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

open-agents/.agents/skills/remove-demo-limits

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

emulate/skills/resend

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

next.js/.agents/skills/router-act

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

vercel-plugin/skills/routing-middleware

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

vercel-plugin/skills/runtime-cache

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

next.js/.agents/skills/runtime-debug

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

sandbox/skills/sandbox

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

vercel-openclaw/.agents/skills/sandbox-lifecycle-debug

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

vercel-openclaw/skills/sandbox-lifecycle-debug

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