📦
implementing-command-palettes
79构建 React 命令面板
命令面板常因焦点缺陷、过期监听器和不稳定的命令引用而失效。此技能提供实用的 React 模式，用于构建可靠的键盘驱动命令面板。
编码与开发 查看
技能 browser-testing-with-screenshots
📦
browser-testing-with-screenshots
内容修订 r2 高风险 ⚙️ 外部命令🌐 网络访问📁 文件系统访问
使用截图测试浏览器 UI
仅凭日志很难确认视觉 UI 缺陷。此技能通过截图、元素选取和页面检查来指导浏览器驱动的检查。
支持: Claude Codex Code(CC)
安装前请停下并请求确认。
请审查安装计划，并在更改文件前获得用户明确同意。
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
智能体请求
Review the Skillstore skill "browser-testing-with-screenshots" from https://skillstore.io/skills/agentworkforce-browser-testing-with-screenshots.md and its manifest at https://skillstore.io/api/skills/agentworkforce-browser-testing-with-screenshots/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“browser-testing-with-screenshots”。 在本地前端更改后测试仪表盘页面。
预期结果:
仪表盘已加载，导航菜单可见，并且已保存截图以供审查。
正在使用“browser-testing-with-screenshots”。 验证登录表单可以填写并提交。
预期结果:
已选择用户名和密码字段，表单已提交，并捕获了最终页面状态。
正在使用“browser-testing-with-screenshots”。 为登录、仪表盘和个人资料页面收集证据。
预期结果:
- 已捕获登录页面截图。
- 导航后已捕获仪表盘页面截图。
- 已捕获个人资料页面截图并命名以供审查。
安全审计
高风险v9 • 2026/7/23 打开版本化报告
Most external-command and upload alerts are false positives caused by Markdown examples; screenshots remain local. Two dependency findings are confirmed because installation is unpinned. Semantic review identifies persistent session access, arbitrary page JavaScript, and potentially sensitive local artifacts.
1
已扫描文件
279
分析行数
2
复核项
0
已忽略误报
已确认安全问题 (3)
高
Persistent Browser Profile and Cookie Access
Default browser startup preserves the user profile, and the skill can list cookies. Third-party browser tooling therefore receives access to authenticated sessions.
The file explicitly documents cookie listing and profile-preserving startup. Access is intentional, although no credential exfiltration is instructed.
中
Sensitive Test Artifacts Stored Locally
Screenshots and extracted page content are written to local files without redaction or cleanup guidance. Test artifacts can retain confidential application data.
The documented workflows save page content and timestamped screenshots. The file provides no retention, redaction, or cleanup controls.
中
Arbitrary JavaScript in Page Context
The skill supports arbitrary JavaScript evaluation, including form-data extraction and synthetic clicks. Commands can alter application state or expose sensitive DOM data.
The examples directly evaluate JavaScript for clicks, DOM queries, waits, and form-data extraction. This is intended capability with meaningful page-level privileges.
能力复核项 (2)
这些是真实的本地能力，对此技能可能是预期行为，因此需要复核，但不会按已确认恶意行为计分。
中
Hardcoded URL
**REQUIRED:** Install agent-tools from https://github.com/badlogic/agent-tools
The skill requires installation from a mutable third-party GitHub repository without a pinned commit or integrity check. This creates a supply-chain exposure.
中
Hardcoded URL
git clone https://github.com/badlogic/agent-tools.git
The skill requires installation from a mutable third-party GitHub repository without a pinned commit or integrity check. This creates a supply-chain exposure.
风险因素
⚙️ 外部命令 (50)
SKILL.md:16-22 SKILL.md:22-26 SKILL.md:26-31 SKILL.md:31-56 SKILL.md:56-57 SKILL.md:57-58 SKILL.md:58-59 SKILL.md:59-60 SKILL.md:60-61 SKILL.md:61-62 SKILL.md:62-68 SKILL.md:68-74 SKILL.md:74-80 SKILL.md:80-83 SKILL.md:83-89 SKILL.md:89-92 SKILL.md:92-94 SKILL.md:94-100 SKILL.md:100-142 SKILL.md:142-146 SKILL.md:146-157 SKILL.md:157-163 SKILL.md:163-180 SKILL.md:180-184 SKILL.md:184-189 SKILL.md:189-193 SKILL.md:193-203 SKILL.md:203-209 SKILL.md:209-210 SKILL.md:210-211 SKILL.md:211-214 SKILL.md:214-218 SKILL.md:218-232 SKILL.md:232-236 SKILL.md:236-237 SKILL.md:237-238 SKILL.md:238-239 SKILL.md:239-243 SKILL.md:243-257 SKILL.md:114 SKILL.md:125 SKILL.md:134 SKILL.md:152 SKILL.md:195 SKILL.md:245 SKILL.md:246 SKILL.md:253 SKILL.md:100-142 SKILL.md:146-157 SKILL.md:193-203
🌐 网络访问 (8)
📁 文件系统访问 (1)
审计者: codex 查看审计历史 →
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/agentworkforce-browser-testing-with-screenshots/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/agentworkforce-browser-testing-with-screenshots?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/agentworkforce-browser-testing-with-screenshots?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/agentworkforce-browser-testing-with-screenshots/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/agentworkforce-browser-testing-with-screenshots.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 引用
AgentWorkforce. (2026). browser-testing-with-screenshots security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/agentworkforce-browser-testing-with-screenshots/audits/9BibTeX 引用
@techreport{agentworkforce-agentworkforce-browser-testing-with-screenshots-2026,
author = {AgentWorkforce},
title = {browser-testing-with-screenshots security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/agentworkforce-browser-testing-with-screenshots/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: "browser-testing-with-screenshots security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "AgentWorkforce"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/agentworkforce-browser-testing-with-screenshots/audits/9"
identifiers:
- type: other
value: "skillstore:agentworkforce-browser-testing-with-screenshots:audit:9"
description: "Skillstore immutable audit report identifier"
Skillstore 评分
评分依据 证据置信度: 中 55
架构
85
可维护性
87
内容
72
社区
83
规范符合性
你能构建什么
验证本地 UI 更改
在代码更改后检查开发页面，并捕获截图以供审查。
收集视觉测试证据
使用真实浏览器的截图记录登录、仪表盘和个人资料流程。
调试动态元素选择
当选择器不稳定或由应用程序生成时，使用交互式选取。
试试这些提示
初学者页面检查
使用此技能打开我的本地应用，导航到仪表盘，并捕获一张截图用于视觉验证。
表单流程审查
使用此技能测试登录表单，选取字段和提交按钮，并在提交前后捕获截图。
动态 UI 检查
使用此技能导航动态页面，等待内容加载，检查关键元素，并捕获截图证据。
多页面证据运行
使用此技能测试登录、仪表盘和个人资料页面，整理截图，并总结发现的任何视觉或交互问题。
最佳实践
- 当截图或 Cookie 可能包含敏感数据时，请使用测试账号和全新的浏览器配置文件。
- 在捕获截图前，等待页面加载或等待特定元素出现。
- 将截图证据保存在专用的 test-results 目录中，并使用清晰的页面名称。
避免
- 除非已先审查该操作，否则不要在生产页面上运行 browser-eval.js。
- 不要从个人浏览器会话或包含敏感数据的账号中捕获截图。
- 当 UI 使用动态元素标识符时，不要只依赖硬编码选择器。
常见问题
此技能会自行安装浏览器工具吗？
不会。它需要单独安装 agent-tools，并确保其在系统 PATH 中可用。
它可以测试运行在 localhost 上的应用程序吗？
可以。示例重点关注本地开发服务器和基于浏览器的 UI 检查。
它支持视觉验证吗？
支持。它会捕获浏览器截图，以便用户审查可见的页面状态。
它可以与动态页面元素交互吗？
可以。当静态选择器难以维护时，它会使用交互式元素选取。
将其用于真实用户会话安全吗？
请谨慎使用。截图、Cookie 和页面内容可能会暴露活动会话中的私有数据。
这可以替代完整的测试框架吗？
不是。它最适合与其他测试配合，用于视觉检查、调试和证据收集。
开发者详情
许可证
MIT
Skillstore 修订
r2
版本提示
作者未声明版本。
仓库
https://github.com/AgentWorkforce/relay/tree/main/.claude/skills/browser-testing-with-screenshots引用
31bc7611b504c197d3e993aef7943461c871616f
维护新鲜度
2026/7/26
使用量
11 次下载 · 306 次浏览
文件结构
📄 SKILL.md
AgentWorkforce 的更多技能
查看全部📦
frontend-design
78构建有辨识度的前端界面
通用的前端输出通常显得重复，且缺乏产品语境。此技能引导 Claude、Codex 和 Claude Code 产出更精致、视觉方向更明确的界面。
设计与创意 查看
📦
creating-claude-rules
78正确创建 Claude 规则
从 Cursor 迁移或编写限定范围的指导时，Claude 规则文件很容易配置错误。此技能提供正确的 paths frontmatter、glob 示例和文件组织指导。
编码与开发 查看
📦
creating-skills
77创建有效的 Claude Code 技能
技能作者经常编写出 AI 智能体难以发现或应用的指导内容。此技能为简洁、易发现且可测试的 Claude Code 技能提供实用结构。
文档 查看
📦
prpm-json-best-practices
77构建清晰的 PRPM 清单
PRPM 发布者需要完整、一致且可供审核的清单。此技能会引导 Claude、Codex 和 Claude Code 完成 package 字段、collections、tags、files 以及发布检查。
文档 查看
📦
github-oauth-nango-integration
70使用 Nango 实现 GitHub OAuth
GitHub 登录和仓库访问通常需要分开的 OAuth 流程。此 skill 展示了一种 Nango 双连接模式，涵盖 webhooks、数据库映射和 sync 处理。
编码与开发 查看
相关技能
查看全部📦
browser-automation
70自动化浏览器测试和抓取
由 sickn33
浏览器脚本经常失败，因为选择器、等待和浏览器状态都很脆弱。此技能指导如何为测试、抓取和代理工作流实现可靠的 Playwright 和 Puppeteer 自动化。
编码与开发 查看
📦
web-ai-prompt-api
78使用 Chrome Prompt API 构建
由 AJV009
开发者在添加本地模型功能之前，需要获得关于 Chrome 内置 AI 的清晰指导。此技能说明 Prompt API 的设置、会话、流式传输、结构化输出、扩展程序和限制。
编码与开发 查看
📦
chrome-devtools-axi
77Control Chrome for Testing and Debugging
由 kunchenguid
Browser tasks often require real interaction and diagnostics that simple HTTP requests cannot provide. This skill controls Chrome through a focused command-line workflow.
编码与开发 查看
📦
break
77Stress-Test a UI Component
由 jakubkrehel
UI components often fail when content, states, or container sizes differ from the expected path. This skill builds a focused harness that exposes visible failures.
编码与开发 查看
📦
momentic-test
74Build Reliable Momentic Browser Tests
由 momentic-ai
Browser tests can become fragile when steps, timing, and reusable flows are handled inconsistently. This skill guides structured Momentic authoring, validation, and troubleshooting.
编码与开发 查看
📦
playwright-browser
72使用 Playwright 控制浏览器工作流
由 Bind
手动浏览器检查会拖慢开发速度，也容易遗漏视觉问题。此技能让智能体能够通过 CLI 驱动 Playwright，进行导航、元素交互、快照和截图。
编码与开发 查看