西浩资源库开源软件 · AI 工具 · 中文教程

技能

本地网页应用测试

用 Playwright 测本地前端，截图与日志一并留下

webapp-testing

打开网盘并填入提取码查看官方目录
适用宿主
Claude 技能格式（Anthropic 官方约定）
来源仓库
anthropics/skills
固定版本
34040c9c56
版本日期
2026-09-10
开源协议
Apache-2.0
Star
177,627
内容体积
6 个文件 · 22 KB
宿主目录结构为 Anthropic 官方技能格式（仓库内 skills/ 约定）。本站按路径推断适用宿主、未逐条实测：Claude Code 的技能目录是 .claude/skills/（或项目内 .claude/skills/）。用前请对照你所用宿主的文档确认。

这个技能做什么

用 Playwright 操作和测试本地 web 应用的技能：验证前端功能、排查 UI 行为、截取浏览器截图、读取控制台日志。它主张直接写原生 Playwright 脚本而不是套一层抽象 —— 出问题时，抽象层往往正是排查障碍。附带一个服务器生命周期管理脚本，省掉「先起服务、测完再关」的手工步骤。

包含什么

  • 验证前端功能是否按预期工作
  • 调试 UI 行为、截取浏览器截图留证
  • 读取浏览器控制台日志定位报错
  • scripts/with_server.py 托管服务器生命周期（支持同时管理多个服务）
  • examples/ 提供元素发现、静态页面自动化、控制台日志三个可直接改的示例

怎么用

  • 把 webapp-testing 目录复制到宿主的技能目录（Claude Code 为 .claude/skills/）
  • 安装 Python 依赖：pip install playwright && playwright install
  • 从 examples/ 里挑一个最接近你项目的示例脚本改起

获取方式

百度网盘 · 需提取码
https://pan.baidu.com/s/1MCUtMl42M3OZytbUEYVZEw
提取码8qnn

建议先转存到自己网盘：转存后再下载，不怕原分享链接失效。

本包内附 README.txt，写明来源仓库、固定 commit、开源协议与每个文件的 sha256，可自行校验。

目录内容（6 个文件）

  • LICENSE.txt11 KB
  • SKILL.md4 KB
  • examples/console_logging.py1 KB
  • examples/element_discovery.py1 KB
  • examples/static_html_automation.py1 KB
  • scripts/with_server.py4 KB

同源技能

Claude 官方学习资源指引 要学 Claude 怎么用，先对到官方那门课 Claude 技能有网盘包查看 算法艺术生成 用 p5.js 写生成艺术，同种子可复现 Claude 技能有网盘包查看 Anthropic 品牌规范 把官方配色与字体套到你的产物上 Claude 技能有网盘包查看 画布设计（海报与静态稿） 出 png / pdf 静态设计稿，自带字体 Claude 技能有网盘包查看 Claude API 参考手册 写 Claude 代码前，先查这份参考 Claude 技能有网盘包查看 结论自查提示 回答定稿前，追加几个该核对的问题 Claude 技能有网盘包查看
主题
卡片密度
分类色彩