visual-qa
ビジュアルQAでレスポンシブページをレビュー
レスポンシブWebサイトでは、アニメーション変更後にレイアウト上の不具合が隠れてしまうことがあります。このスキルは、デバイスサイズごとにスクロール済みのフルページスクリーンショットを取得し、集中的なビジュアルレビューを支援します。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "visual-qa" from https://skillstore.io/skills/crazyswami-visual-qa.md and its manifest at https://skillstore.io/api/skills/crazyswami-visual-qa/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「visual-qa」を使用しています。 ヒーロー更新後にAboutページでビジュアルQAを実行してください。
期待される結果:
デバイスサイズごとにスクリーンショットを取得しました。レビューでは、デスクトップのヒーロー配置の問題と、モバイルでbioセクション下の余白の問題が見つかりました。
「visual-qa」を使用しています。 リリース前に設定済みのすべてのページを確認してください。
期待される結果:
- HomeとAboutのスクリーンショット取得が完了しました。
- Portfolioでは2つの画像が重複して表示されているため、レビューが必要です。
- Contactとlegalページには大きなレイアウト問題はありません。
セキュリティ監査
中リスクThe skill performs legitimate visual QA with Playwright, but it has real network navigation and filesystem write behavior. Most static command and hidden-file findings are Markdown documentation false positives. Additional review should focus on broad tool permissions and default output paths outside the workspace.
確認済みのセキュリティ上の懸念 (2)
機能レビュー項目 (10)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
リスク要因
🌐 ネットワークアクセス (10)
📁 ファイルシステムへのアクセス (6)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/crazyswami-visual-qa/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/crazyswami-visual-qa?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/crazyswami-visual-qa?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/crazyswami-visual-qa/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/crazyswami-visual-qa.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学術引用 (APA · BibTeX · CFF)
APA形式の引用
CrazySwami. (2026). visual-qa security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/crazyswami-visual-qa/audits/9BibTeX形式の引用
@techreport{crazyswami-crazyswami-visual-qa-2026,
author = {CrazySwami},
title = {visual-qa security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/crazyswami-visual-qa/audits/9},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "visual-qa security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "CrazySwami"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/crazyswami-visual-qa/audits/9"
identifiers:
- type: other
value: "skillstore:crazyswami-visual-qa:audit:9"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
レスポンシブレイアウト変更を検証する
主要ページのスクリーンショットを取得し、アニメーション、余白、オーバーフローの問題をレビューします。
デバイス横断でアニメーション付きページをレビューする
デスクトップ、タブレット、モバイルでのビジュアル表現を比較するため、一貫したフルページキャプチャを生成します。
リリース証跡を収集する
リリース前またはクライアントレビュー前に、重要なページのタイムスタンプ付きスクリーンショットを作成します。
これらのプロンプトを試す
Run visual QA for this URL: {url}. Capture desktop, tablet, and mobile screenshots, then summarize visible layout issues.Run visual QA on all configured pages for {base_url}. Note layout, image, form, and navigation issues by device size.Check {url} after animation updates. Scroll before capture, then identify elements that remain hidden, cropped, or misaligned.Run a full visual QA pass for {base_url}. Group findings by severity and list screenshots that need human review.ベストプラクティス
- レイアウト、アニメーション、テンプレート、画像の変更後にこのスキルを実行します。
- 各レビューにはワークスペース相対の出力ディレクトリを使用します。
- チェックリストの横にプロジェクト要件を置いてスクリーンショットをレビューします。
回避
- 無関係なプロジェクトをレビューする際に、デフォルトのサイトターゲットを実行すること。
- スクリーンショットをアクセシビリティテストやインタラクションテストの代替として扱うこと。
- 出力を共有システムディレクトリや機密性の高いユーザーフォルダに保存すること。
よくある質問
このスキルは何をテストしますか?
カスタムURLに対応していますか?
ビジュアル差分を実行しますか?
スクリーンショット前にスクロールするのはなぜですか?
どのようなセットアップが必要ですか?
スクリーンショットはどこに保存されますか?
開発者情報
作成者
CrazySwamiライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
02f077c174c5335e2f5d02ca15e77b70d9543e58
メンテナンスの新しさ
2026/7/18
利用状況
6 ダウンロード · 173 閲覧
ファイル構成