vercel-react-view-transitions
82React View Transitions を実装する
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
Agent Browserでブラウザワークフローを自動化
手動のブラウザテストやWebキャプチャは時間がかかり、再現が難しい場合があります。このスキルは、Claude、Codex、Claude Codeに、ナビゲーション、操作、キャプチャ、認証の再利用のための構造化されたCLIワークフローを提供します。
インストール前に停止して確認を求めてください。
計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "agent-browser" from https://skillstore.io/skills/vercel-labs-agent-browser.md and its manifest at https://skillstore.io/api/skills/vercel-labs-agent-browser/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「agent-browser」を使用しています。 ログインページを確認し、フィールドを特定する。
期待される結果:
「agent-browser」を使用しています。 レビュー用に商品ページをキャプチャする。
期待される結果:
「agent-browser」を使用しています。 チェックアウトフローの失敗をデバッグする。
期待される結果:
Most static findings are documentation examples for the allowed agent-browser CLI and were false positives for command execution. Confirmed issues involve proxy routing, SOCKS support, explicit proxy rotation to avoid rate limits or bans, persistent authentication state files, and one active screenshot write to /tmp. No prompt injection attempt was found in the reviewed files.
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/vercel-labs-agent-browser/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/vercel-labs-agent-browser?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/vercel-labs-agent-browser?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-labs-agent-browser/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/vercel-labs-agent-browser.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>vercel-labs. (2026). agent-browser security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/vercel-labs-agent-browser/audits/6@techreport{vercel-labs-vercel-labs-agent-browser-2026,
author = {vercel-labs},
title = {agent-browser security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/vercel-labs-agent-browser/audits/6},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "agent-browser security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "vercel-labs"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/vercel-labs-agent-browser/audits/6"
identifiers:
- type: other
value: "skillstore:vercel-labs-agent-browser:audit:6"
description: "Skillstore immutable audit report identifier"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
supercent-io-agent-browser
2026-09-09
vercel-labs-agent-browser
2026-09-09
inference-sh-8-agent-browser
2026-09-09
inference-sh-9-agent-browser
2026-09-09
inference-sh-skills-agent-browser
2026-09-09
inference-shell-agent-browser
2026-09-09
inference-sh-0-agent-browser
2026-09-09
infsh-skills-agent-browser
2026-09-09
inference-skills-agent-browser
2026-09-09
halt-catch-fire-agent-browser
2026-09-09
再現可能なブラウザチェックを実行し、証跡をキャプチャし、スクリーンショット、動画、トレース、コンソール出力で失敗を調査します。
一度ログインしてブラウザ状態を保存し、そのセッションを再利用して保護されたページや社内ツールをテストします。
対象ページを開き、表示テキストを抽出し、ページ構造を保存し、レビュー用のスクリーンショットまたはPDFを生成します。
agent-browserを使用して対象URLを開き、インタラクティブなスナップショットを取得し、表示されている構造を要約して、利用可能な主なアクションを特定してください。
agent-browserを使用してこのフォームを確認し、送信前に確認を取り、私が承認したフィールドのみを入力し、送信後に結果ページをキャプチャしてください。
agent-browserを使用して記録を開始し、ワークフローの失敗を再現し、コンソールエラーとページエラーを収集してから、記録を停止して証跡を要約してください。
agent-browserを使用して保存済みの認証状態を読み込み、セッションがまだ有効であることを確認し、保護されたワークフローをテストし、シークレットやトークン値を出力しないでください。
作成者
vercel-labsライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
36e07d5e13068e5be64447e8f20b427cf2cbd21a
メンテナンスの新しさ
2026/7/24
利用状況
50 ダウンロード · 349 閲覧
React View Transitions を実装する
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
再利用可能な AI スキルを作成する
チームには、再利用可能なエージェントの知識とワークフローを一貫した方法でパッケージ化する仕組みが必要です。このスキルは、Claude、Codex、Claude Code をスキルの設計、作成、検証、パッケージ化へ導きます。
React と Next.js のパフォーマンス最適化
React と Next.js アプリは、ウォーターフォール、大きなバンドル、回避可能な再レンダリングによって速度が低下しがちです。このスキルは、エージェントがより安全にパフォーマンス重視の変更を行うための具体的なルールを提供します。
Reactのコンポジションパターンを適用する
boolean props が多い React コンポーネントは、保守やレビューが難しくなります。この skill は、compound components、明示的な variants、provider ベースの state に関する明確なパターンをエージェントに提供します。
React Native アプリを最適化
React Native アプリでは、低速なリスト、ぎこちないアニメーション、プラットフォーム特有のミスが発生することがあります。このスキルは、パフォーマンスの高い Expo および React Native 開発のための簡潔なルールを Codex、Claude、Claude Code に提供します。
Next.js のベストプラクティスを適用する
Next.js プロジェクトは、境界の不明確さ、遅いデータ取得、デプロイのミスによって失敗することがよくあります。このスキルは、Claude、Codex、Claude Code に、最新の App Router 作業に集中したルールを提供します。
Playwright Web アプリテストを作成
作成者 AutumnsGrove
手動のブラウザテストは時間がかかり、フォーム、デバイス、ネットワーク状態にまたがるリグレッションを見逃しがちです。このスキルは、Claude、Codex、Claude Code が実際の Web ワークフロー向けの実用的な Playwright テストを作成するのに役立ちます。
Playwrightでブラウザーワークフローを制御
作成者 Bind
手動のブラウザーチェックは開発を遅らせ、視覚的な問題を見逃しやすくします。このスキルにより、エージェントはCLIからPlaywrightを操作し、ナビゲーション、要素操作、スナップショット、スクリーンショットを実行できます。
Playwright CLIでWebページを検査
作成者 screenci
ブラウザーテストのセットアップは、セレクター、同意バナー、ページフローが不明確な場合に失敗することがあります。このスキルは、Claude、Codex、Claude CodeがPlaywright CLIによる検査と再現可能な自動化手順を進められるようにします。
Playwrightテストカバレッジの改善
作成者 C0ntr0lledCha0s
Playwrightスイートは、設定、ロケーター、フィクスチャに一貫性がないと不安定になることがあります。このスキルは、信頼性の高いブラウザテスト、デバッグ、再利用可能なページオブジェクトのための実践的なパターンを提供します。
Firecrawl のブラウザー操作を構築する
作成者 firecrawl
動的ページでは、クリック、フォーム、ログインフローの背後にデータが隠れていることがよくあります。このスキルは、チームが Firecrawl /interact 統合を選択し、スコープを定めるのに役立ちます。
WebアプリのQAカバレッジを改善する
作成者 alirezarezvani
現代のチームには、デリバリーを遅らせることなく、明確なテスト戦略と実践的な自動化が必要です。このスキルは、Claude、Codex、Claude Codeがテストを計画し、カバレッジをレビューし、QAワークフローをスキャフォールドするのに役立ちます。