Webapp Testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

概览

The Web Application Testing skill, part of the anthropics/skills repository, provides a specialized toolkit for AI agents like Codex and Claude to interact with local web environments. By leveraging the Playwright framework, this tool enables automated verification of frontend components and systematic debugging of user interface behaviors. Agents can programmatically capture browser screenshots and monitor console logs to identify rendering issues or script errors. This skill is particularly useful for developers seeking to integrate browser-based automation into their AI workflows. As part of a repository with over 150,000 stars, it offers a standardized approach to browser automation, focusing on functional testing and visual validation within a controlled local environment.

使用场景

Verifying frontend component functionality and layout consistency across local web applications.
Debugging complex UI behaviors by capturing screenshots and analyzing real-time browser logs.
Automating regression testing suites using Playwright-based browser interactions within AI agent workflows.

安装说明

# Review source first
open https://github.com/anthropics/skills/blob/main/skills/webapp-testing/SKILL.md

Copy or clone the skill folder into your agent skills directory after reviewing its instructions and scripts.

安全提示

Users should ensure that local web applications are properly isolated when granting AI agents access to browser automation tools. Since the skill interacts with local environments and captures visual data, sensitive information displayed in the browser or logs should be handled according to organizational security policies.

相关 Skills

Doc Coauthoring

anthropics/skills

文档处理

引导用户完成文档共同创作的结构化工作流。当用户想要编写文档、提案、技术规范、决策文档或类似的结构化内容时使用。此工作流可帮助用户高效地传递上下文,通过迭代完善内容,并验证文档对读者的有效性。当用户提到编写文档、创建提案、起草规范或类似的文档任务时触发。

Claude CodeClaude
designtesting
169,787 Stars已链接来源

Claude API

anthropics/skills

编程开发

Claude API / Anthropic SDK 参考指南 — 模型 ID、定价、参数、流式传输、工具使用、MCP、智能体、缓存、Token 计数、模型迁移。 TRIGGER — 在打开目标文件时阅读 BEFORE;不要因为其“看起来像单行代码”而跳过 — 每当:提示词以任何形式提及 Claude/Anthropic(Claude、Anthropic、Fable、Opus、Sonnet、Haiku、`anthropic`、`@anthropic-ai`、`claude-*`、`us.anthropic.*`、`[1m]`);用户询问关于 LLM(定价/模型选择/限制/缓存)时 — 绝不回答

Claude CodeClaude
typescriptpython
169,787 StarsApache-2.0

Skill Creator

anthropics/skills

编程开发

创建新技能、修改和改进现有技能,并衡量技能性能。适用于用户希望从零开始创建技能、编辑或优化现有技能、运行评估以测试技能、通过方差分析对技能性能进行基准测试,或优化技能描述以提高触发准确性的场景。

Claude CodeClaude
pythondesign
169,787 StarsApache-2.0

MCP Builder

anthropics/skills

编程开发

创建高质量 MCP (Model Context Protocol) 服务器的指南,使 LLM 能够通过设计良好的工具与外部服务进行交互。在构建 MCP 服务器以集成外部 API 或服务时使用,无论是使用 Python (FastMCP) 还是 Node/TypeScript (MCP SDK)。

CodexClaude
typescriptpython
169,787 StarsApache-2.0

CI Cd And Automation

addyosmani/agent-skills

DevOps

自动化 CI/CD 流水线设置。适用于设置或修改构建和部署流水线。当需要自动化质量门禁、在 CI 中配置测试运行器或建立部署策略时使用。

typescriptsecurity
87,808 StarsMIT

API And Interface Design

addyosmani/agent-skills

编程开发

指导稳定的 API 和接口设计。适用于设计 API、模块边界或任何公共接口。在创建 REST 或 GraphQL 端点、定义模块间的类型契约或建立前后端边界时使用。

typescriptfrontend
87,808 StarsMIT