Web Application Testing
anthropics/skills
Tests local web applications with Python Playwright scripts, checking frontend behavior, capturing screenshots and reading browser console logs.
定义了使用浏览器开发者工具进行端到端（E2E）测试的工作流，测试用例以 Markdown 文件形式记录. An agent skill from cafe3310/public-agent-skills.
Install Browser Testing
$ npx skills add cafe3310/public-agent-skills --skill browser-testing -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install cafe3310/public-agent-skills browser-testing --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/cafe3310/public-agent-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills_archived/browser-testing .claude/skills/browser-testing && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "browser-testing" agent skill from https://github.com/cafe3310/public-agent-skills/tree/main/skills_archived/browser-testing into .claude/skills/browser-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-testing", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/cafe3310/public-agent-skills/tree/main/skills_archived/browser-testingType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add cafe3310/public-agent-skills --skill browser-testing -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install cafe3310/public-agent-skills browser-testing --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cafe3310/public-agent-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills_archived/browser-testing .agents/skills/browser-testing && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "browser-testing" agent skill from https://github.com/cafe3310/public-agent-skills/tree/main/skills_archived/browser-testing into .agents/skills/browser-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-testing", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add cafe3310/public-agent-skills --skill browser-testing -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install cafe3310/public-agent-skills browser-testing --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cafe3310/public-agent-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills_archived/browser-testing .cursor/skills/browser-testing && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "browser-testing" agent skill from https://github.com/cafe3310/public-agent-skills/tree/main/skills_archived/browser-testing into .cursor/skills/browser-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-testing", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/cafe3310/public-agent-skills.git --path skills_archived/browser-testing--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add cafe3310/public-agent-skills --skill browser-testing -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install cafe3310/public-agent-skills browser-testing --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cafe3310/public-agent-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills_archived/browser-testing .gemini/skills/browser-testing && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "browser-testing" agent skill from https://github.com/cafe3310/public-agent-skills/tree/main/skills_archived/browser-testing into .gemini/skills/browser-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-testing", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install cafe3310/public-agent-skills browser-testingInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add cafe3310/public-agent-skills --skill browser-testing -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/cafe3310/public-agent-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills_archived/browser-testing .github/skills/browser-testing && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "browser-testing" agent skill from https://github.com/cafe3310/public-agent-skills/tree/main/skills_archived/browser-testing into .github/skills/browser-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-testing", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add cafe3310/public-agent-skills --skill browser-testing -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install cafe3310/public-agent-skills browser-testing --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/cafe3310/public-agent-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills_archived/browser-testing .opencode/skills/browser-testing && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "browser-testing" agent skill from https://github.com/cafe3310/public-agent-skills/tree/main/skills_archived/browser-testing into .opencode/skills/browser-testing/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-testing", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
browser-testing- GitHub stars
- 255
- Token cost
- ~433 tokens
- SKILL.md length
- 125 words
- Files
- 2
- Skills in repo
- 29
- Repo updated
- First seen
- Licence
- Apache-2.0
At a glance
定义了使用浏览器开发者工具进行端到端（E2E）测试的工作流，测试用例以 Markdown 文件形式记录. An agent skill from cafe3310/public-agent-skills.
- Works in 5 steps: 概述 → 何时使用 → 测试流程 → …
- Tasks that involve Browser testing
- SKILL.md covers 1. 概述, 2. 何时使用, 3. 测试流程 and 4. 测试用例规范, plus 1 more section
- Calls git
What it does
Browser Testing is an agent skill from cafe3310/public-agent-skills. 定义了使用浏览器开发者工具进行端到端（E2E）测试的工作流，测试用例以 Markdown 文件形式记录。
Its SKILL.md is about 430 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files.
It sits in Testing & QA, covering Browser testing and End-to-end testing. The repository describes itself as: personal agent skills for better QoL. The licence is Apache-2.0.
When your agent uses it
- Tasks that involve Browser testing
- Tasks that involve End-to-end testing
Example prompts
- “/browser-testing”
Workflow steps
5 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit 6c45501. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
git
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Browser Testing loads about 433 tokens when it runs. Until then it costs about 17 tokens; SKILL.md has 125 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from cafe3310/public-agent-skills at commit 6c45501, republished under its Apache-2.0 licence (© cafe3310). 125 words, ~433 tokens.
Download SKILL.mdSave it as
.claude/skills/browser-testing/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- browser-testing
- description
- 定义了使用浏览器开发者工具进行端到端（E2E）测试的工作流，测试用例以 Markdown 文件形式记录。
- author
- github/cafe3310
- license
- Apache-2.0
技能: 基于浏览器的端到端测试
1. 概述
本技能定义了一套端到端（E2E）测试流程，该流程不依赖传统的单元测试框架，而是通过 chrome-dev-tools 或类似的浏览器工具进行手动或半自动化的界面测试。
所有测试用例都以结构化的 Markdown 文件形式进行记录和管理。
2. 何时使用
- 当需要为项目中的某个 Space 应用创建或执行测试时。
- 当需要验证一个功能在本地和部署后是否都按预期工作时。
- 当需要记录测试过程和结果以供回顾时。
3. 测试流程
- 本地测试优先: 在本地环境中完成开发后，首先在本地运行应用，并根据测试用例执行端到端测试。
- 部署测试: 本地测试全部通过后，将代码推送到
main分支，触发 Hugging Face Spaces 的自动部署。 - 验证部署: 在部署后的 Space 页面上，重复执行测试用例，确保线上功能与本地一致。
4. 测试用例规范
A) 存放位置
每个 Space 应用的测试用例都存放在其各自的 tests/ 目录下。例如：some-proj/tests/。
B) 文件结构
每个测试用例都是一个独立的 Markdown 文件，其内容结构由模板 templates/test-case.md.template 定义。
- 文件头:
- 创建时间: 测试用例创建时的时间戳。
- Commit Hash: 创建时对应的 Git Commit 哈希值。
- Commit Message: 创建时对应的 Git Commit 消息。
- 核心定义:
- 测试名称: 对测试用例的简短描述。
- 测试目的: 详细说明此测试用例要验证的功能或修复的问题。
- 环境信息:
- 本地运行和部署方式: 清晰说明如何在本地启动应用以及如何触发部署。
- 执行与结果:
- 测试步骤: 一系列清晰、可复现的操作步骤。
- 预期结果: 描述在执行完测试步骤后，系统应该达到的状态。
- 通过时的实际结果: 当测试成功通过后，在此处记录观察到的实际结果，包括：
- 截图路径: 自动截取的关键页面截图的存储路径。
- 验证状态: 截图内容与预期结果描述比对后的验证结果（通过/不通过）。
- 口述标准: 用户口述的预期结果视觉描述。 这些记录作为测试通过的凭证。
C) 创建测试用例
- 使用
date +'%Y-%m-%d-%H-%M'获取当前时间戳。 - 使用
git log -1 --pretty=%H%n%s获取最新的 Commit 信息。 - 复制
browser-testing/templates/test-case.md.template模板内容。 - 填充模板中的占位符，并编写详细的测试步骤和预期结果。
- 将新创建的测试用例文件保存到对应 Space 的
tests/目录下。 - 为每个测试用例创建一个同名的子目录，用于存放截图等测试产物。例如：
some-proj/tests/YYYY-MM-DD-HH-mm-测试名称/。
5. 模板资源
templates/test-case.md.template: 用于创建新测试用例的 Markdown 模板。
© cafe3310, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 1 other file in skills_archived/browser-testing of cafe3310/public-agent-skills.
- SKILL.md
- templates/test-case.md.template
Open the folder on GitHubat commit 6c45501
Compare with similar skills
Browser Testing next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Browser Testing this skillcafe3310/public-agent-skills | 255 | — | ~433 | Automated safety check: Pass | Apache-2.0 | |
| Web Application Testinganthropics/skills | 180k | 51 repos | ~966 | Automated safety check: Pass | Apache-2.0 | |
| Agentic TDDreticlehq/reticle | 1.2k | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | |
| Whole-App Health Sweepreticlehq/reticle | 1.2k | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | |
| Branch Browser TestsEveryInc/compound-engineering-plugin | 25k | — | ~1.6k | Automated safety check: Notes | MIT | |
| Foreman Web TestingVisionForge-OU/foreman | 444 | — | ~953 | Automated safety check: Pass | Custom licence |
Similar skills
- Official
Agentic TDD
reticlehq/reticle
Applies red-green TDD to behavior unit tests cannot reach, by stating the expected outcome against the running app with Reticle before writing the feature.
Whole-App Health Sweep
reticlehq/reticle
Sweeps a running web app by clicking every reachable control, then reports dead buttons, console errors, failed requests and mismatches between API data and the screen.
Branch Browser Tests
EveryInc/compound-engineering-plugin
Runs end-to-end browser tests on the pages touched by the current branch or PR and reports every affected route as pass, fail or skip with reasons.
Foreman Web Testing
VisionForge-OU/foreman
Headless end-to-end / web-app testing for the Foreman e2e stage.
Reticle Runtime Verification
reticlehq/reticle
Installs Reticle's dev-only SDK in a running web app and verifies user-facing changes by driving a real flow, returning a verdict with the file and line to fix.
More from cafe3310/public-agent-skills
All 29 skills in this repoImpeccable
cafe3310/public-agent-skills
A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…
Text Watermark Fountain
cafe3310/public-agent-skills
A specialized skill for embedding and extracting resilient watermarks in text by manipulating sentence lengths and using Fountain Codes.
Obsidian Todo Collector
cafe3310/public-agent-skills
从 Obsidian 知识库中扫描指定时间范围内未完成事件，生成/更新未完成事件整理文档. An agent skill from cafe3310/public-agent-skills.
Deep Research
cafe3310/public-agent-skills
一个全面、自主的深度研究框架。当用户请求对复杂主题、市场调研、技术格局进行深入的多维度调查，或需要大量网页浏览、数据合成和结构化报告的任何任务时，使用此技能。它协调子代理（subagents）并使用基于文件系统的状态管理来防止上下文膨胀。
Long Audio To Obsidian
cafe3310/public-agent-skills
将语音转写项目输出的复杂文件结构整理合并为适合 Obsidian 归档的 Markdown 文档. An agent skill from cafe3310/public-agent-skills.
Markdown New
cafe3310/public-agent-skills
通过 markdown.new API 将网页、整站或搜索结果转换为干净的 Markdown. An agent skill from cafe3310/public-agent-skills.
Related
Categories
Questions about Browser Testing
What does Browser Testing do?
定义了使用浏览器开发者工具进行端到端（E2E）测试的工作流，测试用例以 Markdown 文件形式记录. An agent skill from cafe3310/public-agent-skills. Browser Testing is an agent skill from cafe3310/public-agent-skills.
When should I use Browser Testing?
Browser Testing fits situations like: tasks that involve Browser testing; tasks that involve End-to-end testing.
How do I install Browser Testing in Claude Code?
Run `npx skills add cafe3310/public-agent-skills --skill browser-testing -a claude-code`. Or copy the skill folder (skills_archived/browser-testing in cafe3310/public-agent-skills) into .claude/skills/browser-testing in your project. Claude Code loads it when a task matches its description.
How do I install Browser Testing in Codex?
Run `npx skills add cafe3310/public-agent-skills --skill browser-testing -a codex`. Or copy the skill folder (skills_archived/browser-testing in cafe3310/public-agent-skills) into .agents/skills/browser-testing in your project. Codex loads it when a task matches its description.
Can I use Browser Testing in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add cafe3310/public-agent-skills --skill browser-testing -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/browser-testing, .gemini/skills/browser-testing, .github/skills/browser-testing and .opencode/skills/browser-testing in your project.
What does Browser Testing need to run?
Going by SKILL.md and its folder, Browser Testing needs the command-line tools its instructions call (git).
Does Browser Testing access the network?
SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Browser Testing safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Browser Testing use?
Browser Testing is published under the Apache-2.0 licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Browser Testing use?
About 433 tokens (SKILL.md is roughly 1.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Browser Testing?
Skills that share tags, products or a category with Browser Testing: Web Application Testing (anthropics/skills, 180k stars), Agentic TDD (reticlehq/reticle, 1.2k stars), Whole-App Health Sweep (reticlehq/reticle, 1.2k stars) and Branch Browser Tests (EveryInc/compound-engineering-plugin, 25k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Browser Testing?
cafe3310 (a GitHub user) maintains it in cafe3310/public-agent-skills, which has 255 GitHub stars. The repository holds 29 skills in this directory. The repository was last updated on June 26, 2026.
Source: cafe3310/public-agent-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.