Web Application Testing
anthropics/skills
Tests local web applications with Python Playwright scripts, checking frontend behavior, capturing screenshots and reading browser console logs.
MallBase Vben Admin 局部格式化与真实后端 E2E 收口规则；修改、测试或回归 web-antd 代码时使用。
Install E2E Webantd Realapi
$ npx skills add yyw-code/MallBase --skill e2e-webantd-realapi -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install yyw-code/MallBase e2e-webantd-realapi --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/yyw-code/MallBase.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.codex/skills/vbenAdmin/e2e-webantd-realapi .claude/skills/e2e-webantd-realapi && 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 "e2e-webantd-realapi" agent skill from https://github.com/yyw-code/MallBase/tree/main/.codex/skills/vbenAdmin/e2e-webantd-realapi into .claude/skills/e2e-webantd-realapi/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "e2e-webantd-realapi", 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/yyw-code/MallBase/tree/main/.codex/skills/vbenAdmin/e2e-webantd-realapiType 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 yyw-code/MallBase --skill e2e-webantd-realapi -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install yyw-code/MallBase e2e-webantd-realapi --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/yyw-code/MallBase.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.codex/skills/vbenAdmin/e2e-webantd-realapi .agents/skills/e2e-webantd-realapi && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "e2e-webantd-realapi" agent skill from https://github.com/yyw-code/MallBase/tree/main/.codex/skills/vbenAdmin/e2e-webantd-realapi into .agents/skills/e2e-webantd-realapi/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "e2e-webantd-realapi", 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 yyw-code/MallBase --skill e2e-webantd-realapi -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install yyw-code/MallBase e2e-webantd-realapi --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/yyw-code/MallBase.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.codex/skills/vbenAdmin/e2e-webantd-realapi .cursor/skills/e2e-webantd-realapi && 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 "e2e-webantd-realapi" agent skill from https://github.com/yyw-code/MallBase/tree/main/.codex/skills/vbenAdmin/e2e-webantd-realapi into .cursor/skills/e2e-webantd-realapi/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "e2e-webantd-realapi", 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/yyw-code/MallBase.git --path .codex/skills/vbenAdmin/e2e-webantd-realapi--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 yyw-code/MallBase --skill e2e-webantd-realapi -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install yyw-code/MallBase e2e-webantd-realapi --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/yyw-code/MallBase.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.codex/skills/vbenAdmin/e2e-webantd-realapi .gemini/skills/e2e-webantd-realapi && 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 "e2e-webantd-realapi" agent skill from https://github.com/yyw-code/MallBase/tree/main/.codex/skills/vbenAdmin/e2e-webantd-realapi into .gemini/skills/e2e-webantd-realapi/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "e2e-webantd-realapi", 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 yyw-code/MallBase e2e-webantd-realapiInstalls 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 yyw-code/MallBase --skill e2e-webantd-realapi -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/yyw-code/MallBase.git skills-src && mkdir -p .github/skills && cp -r skills-src/.codex/skills/vbenAdmin/e2e-webantd-realapi .github/skills/e2e-webantd-realapi && 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 "e2e-webantd-realapi" agent skill from https://github.com/yyw-code/MallBase/tree/main/.codex/skills/vbenAdmin/e2e-webantd-realapi into .github/skills/e2e-webantd-realapi/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "e2e-webantd-realapi", 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 yyw-code/MallBase --skill e2e-webantd-realapi -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install yyw-code/MallBase e2e-webantd-realapi --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/yyw-code/MallBase.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.codex/skills/vbenAdmin/e2e-webantd-realapi .opencode/skills/e2e-webantd-realapi && 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 "e2e-webantd-realapi" agent skill from https://github.com/yyw-code/MallBase/tree/main/.codex/skills/vbenAdmin/e2e-webantd-realapi into .opencode/skills/e2e-webantd-realapi/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "e2e-webantd-realapi", 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
e2e-webantd-realapi- GitHub stars
- 106
- Token cost
- ~308 tokens
- SKILL.md length
- 80 words
- Files
- 1
- Skills in repo
- 12
- Repo updated
- First seen
- Licence
- MIT
At a glance
MallBase Vben Admin 局部格式化与真实后端 E2E 收口规则；修改、测试或回归 web-antd 代码时使用。
- Works in 4 steps: 修改 web-antd… → 默认使用 web-antd 作为 E2E 主入口，不以 playground 或… → 登录类用例必须校验真实接口请求与响应，而不是只校验页面跳转。 → …
- Tasks that involve End-to-end testing
- SKILL.md covers 适用场景, 强制规则, 局部格式化 and E2E 标准命令, plus 2 more sections
- Calls pnpm
What it does
E2E Webantd Realapi is an agent skill from yyw-code/MallBase. MallBase Vben Admin 局部格式化与真实后端 E2E 收口规则；修改、测试或回归 web-antd 代码时使用。
Its SKILL.md is about 310 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Testing & QA, covering End-to-end testing. It works with Ant Design. The repository describes itself as: MallBase 是一个基于 PHP 的商城型业务基础框架，围绕 用户、商品、订单、权限 四个最核心的商业模块，提供一套清晰、稳定、可扩展的业务结构基线。 它不是一个功能齐全的电商系统，也不是通用 Web 框架，而是一个专注于“商城核心模型”的业务底座，用于快速构建和演进各类商业应用。 The licence is MIT.
When your agent uses it
- Tasks that involve End-to-end testing
Example prompts
- “/e2e-webantd-realapi”
Workflow steps
4 steps, taken from the first numbered list in SKILL.md.
- 修改 web-antd 代码后必须先对本次改动文件做局部格式化，不默认格式化整个前端 monorepo。
- 默认使用 web-antd 作为 E2E 主入口，不以 playground 或 mock 结果替代真实业务回归。
- 登录类用例必须校验真实接口请求与响应，而不是只校验页面跳转。
- 失败时必须区分 UI 操作、网络、CORS、环境配置、账号密码和业务断言问题。
What it can do on your machine
Read from SKILL.md and the folder at commit 3f10589. 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:
pnpm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use pnpm, 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
E2E Webantd Realapi loads about 308 tokens when it runs. Until then it costs about 21 tokens; SKILL.md has 80 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 yyw-code/MallBase at commit 3f10589, republished under its MIT licence (© yyw-code). 80 words, ~308 tokens.
Download SKILL.mdSave it as
.claude/skills/e2e-webantd-realapi/SKILL.md (or your agent's skills folder).- name
- e2e-webantd-realapi
- description
- MallBase Vben Admin 局部格式化与真实后端 E2E 收口规则；修改、测试或回归 web-antd 代码时使用。
Vben 规则：局部格式化与真实后端 E2E
适用场景
frontend/admin/apps/web-antd/**页面、路由、API 调用改动- 需要验证前端是否真实打通后端接口（非 playground mock）
强制规则
- 修改
web-antd代码后必须先对本次改动文件做局部格式化，不默认格式化整个前端 monorepo。 - 默认使用
web-antd作为 E2E 主入口，不以 playground 或 mock 结果替代真实业务回归。 - 登录类用例必须校验真实接口请求与响应，而不是只校验页面跳转。
- 失败时必须区分 UI 操作、网络、CORS、环境配置、账号密码和业务断言问题。
局部格式化
优先对本次改动文件执行：
pnpm --dir frontend/admin exec eslint --fix <web-antd改动文件...>不受 ESLint 处理的文件再补：
pnpm --dir frontend/admin exec prettier --write <目标文件...>禁止默认执行 pnpm --dir frontend/admin format，避免带出 apps/web-antd 之外的大量无关差异。格式化后必须复查 diff，确认没有扩散修改。
E2E 标准命令
pnpm --dir frontend/admin run test:e2e:install
pnpm --dir frontend/admin run test:e2e首次执行先安装 Playwright 浏览器；默认脚本已指向 @vben/web-antd。纯文案或无行为变化的样式调整可按风险执行相关页面抽样验证，但必须说明未跑全量 E2E 的理由。
用例落地约束
- 用例目录：
frontend/admin/apps/web-antd/__tests__/e2e/ - 登录页使用
?e2e=1进入测试模式（用于跳过滑块等非核心链路阻塞） - 对登录请求至少断言：
- 请求路径包含
/auth/admin/login - 响应存在且可读
- 业务码
code === 200
- 请求路径包含
最小交付格式（测试角色）
- 已执行的格式化、测试命令
- 通过数/失败数
- 首个失败摘要（如失败）
- 未执行项目及原因
- 需要开发配合项（如 CORS、环境变量、账号）
© yyw-code, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in .codex/skills/vbenAdmin/e2e-webantd-realapi of yyw-code/MallBase.
Open the folder on GitHubat commit 3f10589
Compare with similar skills
E2E Webantd Realapi 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 |
|---|---|---|---|---|---|---|
| E2E Webantd Realapi this skillyyw-code/MallBase | 106 | — | ~308 | Automated safety check: Pass | MIT | |
| Web Application Testinganthropics/skills | 180k | 51 repos | ~966 | Automated safety check: Pass | Apache-2.0 | |
| OpenHarness End-to-End EvalsHKUDS/OpenHarness | 16k | 1 repos | ~2.1k | Automated safety check: Notes | MIT | |
| playwright-cli Browser Automationgithub/gh-aw | 5.3k | 23 repos | ~2.8k | Automated safety check: Pass | MIT | |
| Write and Verify Playwright Testsappsmithorg/appsmith | 41k | — | ~2.9k | Automated safety check: Notes | Apache-2.0 | |
| Cucumber and Playwright E2E Testslanggenius/dify | 158k | — | ~682 | Automated safety check: Pass | Custom licence |
Similar skills
- Official
OpenHarness End-to-End Evals
HKUDS/OpenHarness
Validates OpenHarness features by running real multi-turn agent loops with live LLM calls against an unfamiliar codebase, checking actual tool execution.
- Official
playwright-cli Browser Automation
github/gh-aw
Drives a real browser from the command line with playwright-cli to open pages, interact, mock requests, save state and work with Playwright tests.
Write and Verify Playwright Tests
appsmithorg/appsmith
Writes a Playwright end-to-end test from a prompt, runs it against a live Appsmith deployment and retries with fixes up to three times until it passes.
Cucumber and Playwright E2E Tests
langgenius/dify
Guides changes and reviews of the Cucumber and Playwright end-to-end suite under `e2e/`: feature files, step definitions, support code, tags, locators and assertions.
E2E Testing
langflow-ai/langflow
Write and review Playwright E2E tests for Langflow. An agent skill from langflow-ai/langflow.
More from yyw-code/MallBase
All 12 skills in this repoPayment Notify Idempotency
yyw-code/MallBase
MallBase 支付与退款回调安全规则；修改 backend/route/notify.php、PayNotifyController、NotifyService、WechatPaymentResultService、mbpaymentlog，或处理微信/其它渠道 webhook 的验签、解密、防重放、金额校验、幂等、事务与 HTTP 应答时使用。
Route Permission System
yyw-code/MallBase
MallBase ThinkPHP 后台路由与权限元数据规则；新增或调整 backend/route/api/admin 路由、System 权限码、菜单元数据、/:id 路径参数、共享 permission 或 sync:permissions 同步时使用。
Upload Component First
yyw-code/MallBase
MallBase Vben Admin 上传组件与字段契约规则；实现图片、视频或文件上传，以及处理 FileInfo 回填和提交值时使用。
Architecture Layering
yyw-code/MallBase
MallBase ThinkPHP 后端分层、Swoole Service 无状态与 IDE 泛型规则；开发或重构 backend/app 下的 Controller、Service、Model，调整 BaseController/BaseService、service()/model() 调用、构造注入或协程安全状态时使用。
List Query Sync
yyw-code/MallBase
MallBase ThinkPHP 列表查询与分页返回规则；实现或调整 Service 的 buildListQuery、分页 list/total、动态筛选、关联查询、统计、导出或 compact('total', 'list') 返回时使用。
Thinkphp
yyw-code/MallBase
MallBase ThinkPHP 后端规则导航；仅在后端任务涉及多个场景、需要查找项目规则，或无法确定应读取哪个更具体的 ThinkPHP skill 时使用。
Related
Works with
Categories
Questions about E2E Webantd Realapi
What does E2E Webantd Realapi do?
MallBase Vben Admin 局部格式化与真实后端 E2E 收口规则；修改、测试或回归 web-antd 代码时使用。. E2E Webantd Realapi is an agent skill from yyw-code/MallBase.
When should I use E2E Webantd Realapi?
E2E Webantd Realapi fits situations like: tasks that involve End-to-end testing.
How do I install E2E Webantd Realapi in Claude Code?
Run `npx skills add yyw-code/MallBase --skill e2e-webantd-realapi -a claude-code`. Or copy the skill folder (.codex/skills/vbenAdmin/e2e-webantd-realapi in yyw-code/MallBase) into .claude/skills/e2e-webantd-realapi in your project. Claude Code loads it when a task matches its description.
How do I install E2E Webantd Realapi in Codex?
Run `npx skills add yyw-code/MallBase --skill e2e-webantd-realapi -a codex`. Or copy the skill folder (.codex/skills/vbenAdmin/e2e-webantd-realapi in yyw-code/MallBase) into .agents/skills/e2e-webantd-realapi in your project. Codex loads it when a task matches its description.
Can I use E2E Webantd Realapi 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 yyw-code/MallBase --skill e2e-webantd-realapi -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/e2e-webantd-realapi, .gemini/skills/e2e-webantd-realapi, .github/skills/e2e-webantd-realapi and .opencode/skills/e2e-webantd-realapi in your project.
What does E2E Webantd Realapi need to run?
Going by SKILL.md and its folder, E2E Webantd Realapi needs the command-line tools its instructions call (pnpm).
Does E2E Webantd Realapi access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is E2E Webantd Realapi 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 E2E Webantd Realapi use?
E2E Webantd Realapi is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does E2E Webantd Realapi use?
About 308 tokens (SKILL.md is roughly 1.2k 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 E2E Webantd Realapi?
Skills that share tags, products or a category with E2E Webantd Realapi: Web Application Testing (anthropics/skills, 180k stars), OpenHarness End-to-End Evals (HKUDS/OpenHarness, 16k stars), playwright-cli Browser Automation (github/gh-aw, 5.3k stars) and Write and Verify Playwright Tests (appsmithorg/appsmith, 41k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains E2E Webantd Realapi?
yyw-code (a GitHub user) maintains it in yyw-code/MallBase, which has 106 GitHub stars. The repository holds 12 skills in this directory. The repository was last updated on August 3, 2026.
Source: yyw-code/MallBase on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.