vercel-react-view-transitions
82React View Transitions を実装する
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
再現証拠付きでWebアプリをテスト
Webアプリの問題は、報告に証拠がないと修正が困難です。このスキルはブラウザでアプリを探索し、各発見事項について再現可能な証拠を作成します。
インストール前に停止して確認を求めてください。
計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "dogfood" from https://skillstore.io/skills/vercel-labs-dogfood.md and its manifest at https://skillstore.io/api/skills/vercel-labs-dogfood/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「dogfood」を使用しています。 オンボーディングに重点を置いて http://localhost:3000 をドッグフーディングしてください。
期待される結果:
Markdownレポートには、各オンボーディングの問題について、重大度、カテゴリ、影響を受けるURL、スクリーンショット、再現可能な手順が記載されます。
「dogfood」を使用しています。 ログイン後にステージングの請求ページをテストしてください。
期待される結果:
レポートには、請求ワークフローの発見事項、コンソールエラー、注釈付きスクリーンショット、インタラクティブな失敗の動画が含まれます。
「dogfood」を使用しています。 プレビューデプロイに対して幅広いQA確認を実行してください。
期待される結果:
最終サマリーでは、重大度別の問題総数を示し、リリース前に最も重要な修正を強調します。
Most static findings are Markdown backtick false positives in the taxonomy and instructional prose. Confirmed risks remain where the skill runs agent-browser and shell commands with user-supplied values, captures screenshots or videos, and stores authenticated browser state locally. No prompt injection text was found in the reviewed files.
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/vercel-labs-dogfood/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/vercel-labs-dogfood?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/vercel-labs-dogfood?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-labs-dogfood/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/vercel-labs-dogfood.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). dogfood security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/vercel-labs-dogfood/audits/5@techreport{vercel-labs-vercel-labs-dogfood-2026,
author = {vercel-labs},
title = {dogfood security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/vercel-labs-dogfood/audits/5},
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: "dogfood security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "vercel-labs"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/vercel-labs-dogfood/audits/5"
identifiers:
- type: other
value: "skillstore:vercel-labs-dogfood:audit:5"
description: "Skillstore immutable audit report identifier"
リリース上重要なフロー全体を構造化して確認し、エンジニアがすばやく再現できる証拠を作成します。
リリース候補でナビゲーション、フォーム、または状態を持つワークフローが変更された後、重要なページを確認します。
ユーザー視点から、分かりにくいフロー、不足しているフィードバック、視覚的欠陥、アクセシビリティの問題を見つけます。
http://localhost:3000 をドッグフーディングし、./dogfood-output にレポートを作成してください。
オンボーディングに重点を置いて https://staging.example.com をドッグフーディングしてください。すべての問題について証拠を取得し、重大度ごとの件数を要約してください。
https://app.example.com をドッグフーディングしてください。私が提供するテストアカウントでサインインし、その後アカウント設定とチーム管理をテストしてください。
https://preview.example.com をドッグフーディングしてください。請求、招待、プロジェクト作成を優先してください。インタラクティブな失敗については動画を記録し、明確な再現手順を使用してください。
作成者
vercel-labsライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
b959ebfd1043a07c0c4378ab94ca4342cb0259f5
メンテナンスの新しさ
2026/7/24
利用状況
13 ダウンロード · 160 閲覧
ファイル構成
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 作業に集中したルールを提供します。
FiftyOne Issue のトリアージ
作成者 AdonaiVera
メンテナーは、レポート、コメント、コード上の証拠にまたがって一貫した Issue トリアージを必要とすることがよくあります。このスキルは、FiftyOne GitHub Issue 向けに焦点を絞ったワークフローと返信テンプレートを提供します。
生のメモから明確なGitHub Issueを作成する
作成者 sickn33
バグ報告は、ログ、スクリーンショット、散在するメモとして届くことがよくあります。このスキルは、それらを、影響、手順、コンテキストが明確な構造化されたGitHub Markdown Issueに変換します。
QAテストとバグレポートを計画する
作成者 softaworks
QAチームには、一貫性のあるテスト計画、テストケース、回帰テストスイート、バグレポートが必要です。このスキルは、Claude、Codex、Claude Code が構造化されたQA成果物を作成できるように支援します。
Test Features and Publish Evidence Reports
作成者 supatest-ai
Manual feature testing can miss edge cases and leave evidence scattered. This skill plans browser scenarios, captures results, uploads media, and creates a structured Alan report.
インターフェースデザインを簡素化する
作成者 pbakaus
複雑なインターフェースは意思決定を遅らせ、主要なユーザー目標を見えにくくします。このスキルは Claude、Codex、Claude Code が不要な要素を取り除き、階層を明確にし、必要な機能を維持できるように導きます。
顧客ペルソナを通じて機能をレビューする
作成者 Dami-Randle
チームが社内の視点で機能をレビューすると、ユーザビリティ上の問題を見落とすことがあります。このスキルは、Aftrac と Sirius の顧客視点を用いたペルソナベースのテストをガイドします。