before-and-after

作成者： vercel

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

npx skills add https://github.com/vercel-labs/before-and-after --skill before-and-after

ZIPダウンロード GitHub

このスキルを試すスポンサー

vercelのその他のスキル

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

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

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

next-best-practice

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

benchmark-sandbox

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

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

benchmark-testing

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

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