技能 visual-qa

📦

visual-qa

Name: visual-qa
Author: CrazySwami

内容修订 r1 中风险 🌐 网络访问📁 文件系统访问⚙️ 外部命令

使用视觉 QA 审查响应式页面

响应式网站在动画变更后可能隐藏布局缺陷。此技能会跨设备尺寸捕获滚动后的整页截图，以便进行聚焦的视觉审查。

支持: Claude Codex Code(CC)

⚠️ 50 差

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 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.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/crazyswami-visual-qa.md 已签名 manifest GET /api/skills/crazyswami-visual-qa/manifest 已签名 lockfile GET /api/skills/crazyswami-visual-qa/lockfile

测试它

正在使用“visual-qa”。在 hero 更新后，对 About 页面运行视觉 QA。

预期结果:

已跨设备尺寸捕获截图。审查发现一个桌面端 hero 对齐问题，以及个人简介区域下方的移动端间距问题。

正在使用“visual-qa”。发布前检查所有已配置页面。

预期结果:

Home 和 About 截图已完成。
Portfolio 需要审查，因为有两张图片看起来重复。
Contact 和法律页面未显示重大布局问题。

安全审计

中风险

v9 • 2026/7/5 打开版本化报告

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.

已扫描文件

353

分析行数

复核项

已忽略误报

已确认安全问题 (2)

中

SKILL.md:4

Broad Tool Permissions

The skill declares Read, Write, Edit, Bash, and Task permissions for a screenshot workflow. This expands agent authority beyond basic screenshot capture.

The allowed-tools line is explicit. Some permissions support the workflow, but Write and Edit are broader than needed for reviewing screenshots.

中

screenshot.py:31

Default Output Outside Project Workspace

The screenshot script defaults to saving files under /root/screenshots. Marketplace users may expect outputs to stay inside the active workspace.

The default output path is directly assigned in the script. The same script later creates that directory and writes screenshots there.

能力复核项 (10)

这些是真实的本地能力，对此技能可能是预期行为，因此需要复核，但不会按已确认恶意行为计分。

中

screenshot.py:148

Python os file operations

os.makedirs(output_dir, exist_ok=True)

run_single_page creates the selected output directory before writing screenshots. This is legitimate functionality, but it is real filesystem write capability controlled by a CLI path.

中

screenshot.py:185

Python os file operations

os.makedirs(output_dir, exist_ok=True)

run_all_pages creates the selected output directory before writing screenshots. This is expected for the skill, but still gives the script local write authority.

低

screenshot.py:30

Hardcoded URL

DEFAULT_BASE_URL = "https://local2.hustletogether.com"

DEFAULT_BASE_URL is used by --all mode, so the script can make outbound requests to a fixed host. The behavior is visible and related to visual QA, but it remains network access.

低

SKILL.md:29

Hardcoded URL

| Home | https://csrdevelopment.com/ |

The documentation lists this external site page as a target for visual QA. If followed, the skill performs outbound website requests.

低

SKILL.md:30

Hardcoded URL

| About | https://csrdevelopment.com/about/ |

The documentation lists this external site page as a target for visual QA. It is expected behavior, but it is still network access.

低

SKILL.md:31

Hardcoded URL

| Portfolio | https://csrdevelopment.com/portfolio/ |

The documentation lists this external site page as a target for visual QA. Following the skill can send browser requests to that host.

低

SKILL.md:32

Hardcoded URL

| Contact | https://csrdevelopment.com/contact/ |

The documentation lists this external site page as a target for visual QA. The target is transparent, but it remains outbound browsing.

低

SKILL.md:33

Hardcoded URL

| Privacy Policy | https://csrdevelopment.com/privacy-policy/ |

The documentation lists this external site page as a target for visual QA. It creates a real network dependency if the workflow is used.

低

SKILL.md:34

Hardcoded URL

| Terms | https://csrdevelopment.com/terms-of-service/ |

The documentation lists this external site page as a target for visual QA. The request target is explicit, but it is still network access.

低

SKILL.md:42

Hardcoded URL

python3 /root/.claude/skills/visual-qa/screenshot.py --url https://csrdevelopment.com/about/

The example command passes an external URL to the screenshot script. If executed, Playwright navigates to that external page.

风险因素

🌐 网络访问 (10)

screenshot.py:11 screenshot.py:30 screenshot.py:250 SKILL.md:29 SKILL.md:30 SKILL.md:31 SKILL.md:32 SKILL.md:33 SKILL.md:34 SKILL.md:42

📁 文件系统访问 (6)

screenshot.py:148 screenshot.py:185 SKILL.md:38 SKILL.md:42 SKILL.md:47 SKILL.md:51

⚙️ 外部命令 (7)

SKILL.md:38 SKILL.md:41-43 SKILL.md:43-46 SKILL.md:46-48 SKILL.md:48-51 SKILL.md:51-57 SKILL.md:57-61

审计者: codex 查看审计历史 →

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

复制报告链接

https://skillstore.io/skills/crazyswami-visual-qa/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/crazyswami-visual-qa/security.svg)](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/9

BibTeX 引用

@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 评分

评分依据证据置信度: 高

架构

可维护性

内容

社区

规范符合性

你能构建什么

验证响应式布局变更

为关键页面捕获截图，并审查动画、间距和溢出问题。

跨设备审查动画页面

生成一致的整页捕获结果，用于比较桌面、平板和移动端上的视觉处理。

收集发布证据

在发布或客户审查前，为重要页面创建带时间戳的截图。

试试这些提示

检查单个页面

为此 URL 运行视觉 QA：{url}。捕获桌面、平板和移动端截图，然后总结可见的布局问题。

审查已配置页面

对 {base_url} 的所有已配置页面运行视觉 QA。按设备尺寸记录布局、图片、表单和导航问题。

审计动画就绪情况

在动画更新后检查 {url}。捕获前先滚动，然后识别仍然隐藏、被裁剪或未对齐的元素。

准备发布 QA 说明

为 {base_url} 运行一次完整的视觉 QA 检查。按严重程度对发现的问题分组，并列出需要人工审查的截图。

最佳实践

在布局、动画、模板或图片变更后运行此技能。
为每次审查使用相对于工作区的输出目录。
在检查清单旁对照项目需求审查截图。

避免

在审查无关项目时运行默认站点目标。
将截图视为无障碍或交互测试的替代品。
将输出保存到共享系统目录或敏感用户文件夹。

常见问题

此技能测试什么？

它会捕获响应式截图，并支持对布局、图片、表单、导航和动画状态进行手动审查。

它支持自定义 URL 吗？

支持。截图脚本接受单个 URL，也支持为已配置页面路径提供基础 URL。

它会运行视觉差异比较吗？

不支持。它会捕获截图供审查，但不会将截图与已存储的基线进行比较。

为什么截图前要滚动？

滚动有助于在捕获整页截图前触发 GSAP 和 ScrollTrigger 动画。

需要哪些设置？

本地环境需要安装 Python、Playwright 和 Chromium 浏览器。

截图保存在哪里？

截图会保存到本地输出目录。使用相对于工作区的路径可以让审查流程更安全。

开发者详情

作者

CrazySwami

许可证

MIT

Skillstore 修订

版本提示

作者未声明版本。

仓库

https://github.com/CrazySwami/wordpress-dev-skills/tree/main/skills/visual-qa

引用

02f077c174c5335e2f5d02ca15e77b70d9543e58

维护新鲜度

2026/7/18

使用量

6 次下载 · 173 次浏览

文件结构

📄 screenshot.py

使用 Sleek 设计移动应用界面

由 sleekdotdesign

移动应用设计请求通常需要项目设置、迭代式界面修改和截图。此技能会指导 Claude、Codex 和 Claude Code 通过 Sleek API 工作流生成移动应用 UI。

设计与创意查看

visual-qa

使用我的智能体安装

Agent 可读资源

测试它

安全审计

已确认安全问题 (2)

风险因素

复制报告链接

Markdown 徽章

HTML 徽章

嵌入卡片

APA 引用

BibTeX 引用

CITATION.cff

Skillstore 评分

你能构建什么

验证响应式布局变更

跨设备审查动画页面

收集发布证据

试试这些提示

最佳实践

避免

常见问题

开发者详情

CrazySwami 的更多技能

testing

code-quality

wp-test-analyzer

gsap-animations

wp-orchestrator

brand-guide

相关技能

ui-styling

landing-page-design

uiux-ops

layout

vision

sleek-design-mobile-apps