Skip to content
Skillpedia
Testing48k · #2258

awt-e2e-testing

Teaches your AI agent to test code and catch bugs before users do.

What it does

This tool helps artificial intelligence test websites like a person would. It uses instructions written in a special format (YAML) to navigate and check if everything works correctly in a real browser.

When to use it

  • ✓When you want AI to automatically test a website.
  • ✓If the test relies on seeing visual elements on the screen, rather than code.
  • ✓To check if the website works well across different technologies (like React, Vue, etc.).

Example of what to ask your AI

“Create an automated test to check if I can add a product to the cart and proceed to checkout.”

Want more? Open the sections below.

How to use

The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.

Skill link

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/awt-e2e-testing/SKILL.md

Ready-to-paste message

Use this skill to help me: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/awt-e2e-testing/SKILL.md Read the SKILL.md file at that link and follow its instructions for my task.
How it works

You write instructions in a special file (YAML) telling it what to do. The tool executes these instructions in a browser, observing the screen and interacting with elements like a user would.

Installation

Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.

In the terminal (Claude Code, Codex, Cursor), in your project folder:

npx skills add sickn33/agentic-awesome-skills --skill awt-e2e-testing

Or download just the file:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/awt-e2e-testing/SKILL.md -o SKILL.md
Technical content (original SKILL.md)

Original text by the author, straight from GitHub.

AWT — AI-Powered E2E Testing (Beta)

npx skills add ksgisang/awt-skill --skill awt -g

AWT gives AI coding tools the ability to see and interact with web applications through a real browser. Your AI designs YAML test scenarios; AWT executes them with Playwright.

When to Use

  • You need AI-assisted end-to-end testing through a real browser with declarative YAML scenarios.
  • The test flow depends on visual matching, OCR, or platform auto-detection instead of stable DOM selectors.
  • You want an E2E toolchain that can both execute tests and explain failures for AI coding workflows.

Upstream Advertised Capabilities

  • YAML scenarios → Playwright with human-like interaction
  • Visual matching: OpenCV template + OCR (no CSS selectors needed)
  • Platform auto-detection: Flutter, React, Next.js, Vue, Angular, Svelte
  • Structured failure diagnosis with investigation checklists
  • Learning DB: failure→fix patterns in SQLite
  • 5 AI providers: Claude, OpenAI, Gemini, DeepSeek, Ollama
  • Skill Mode: no extra AI API key needed

Execution Boundary

This entrypoint does not bundle the AWT runtime or its YAML schema. Inspect the selected upstream revision and actual installed commands before authoring a scenario. The installation command above is an upstream option, not permission to change global skills. Prefer an explicitly authorized project-scoped installation.

Confirm the target environment, test accounts, permitted browser actions and data retention. A checkout test can place orders or send notifications; use an isolated fixture environment and inspect effects before execution. Do not send screenshots, credentials or application data to a cloud provider without authorization. Record the actual scenario, runtime/version, observed result and artifact paths. If runtime is absent, return a draft and mark execution pending rather than inventing a pass.

Links

Built with the help of AI coding tools — and designed to help AI coding tools test better.

Actively developed by a solo developer at AILoopLab. Feedback welcome!

Example

User request:

Create and run a declarative browser test for the checkout flow, including visual assertions and a clear failure report.

Limitations

  • Use this skill only when the task clearly matches the scope described above.
  • Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
  • Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
FAQ

What is 'end-to-end' (E2E) testing?

It's a test that simulates a user's complete experience on a website, from the beginning to the end of a task.

What is 'YAML'?

It's a simple text format used to write instructions that computers understand, like those the AI will use to test the website.

Why use visual recognition instead of code selectors?

Sometimes, the code selectors that identify elements on a website change. Using what the screen shows (visual) makes the test more robust against these changes.

Details

Original description by the author

AI-powered E2E web testing — eyes and hands for AI coding tools. Declarative YAML scenarios, Playwright execution, visual matching (OpenCV + OCR), platform auto-detection (Flutter/React/Vue), learning DB. Install: npx skills add ksgisang/awt-skill --skill awt -g

repo: sickn33/agentic-awesome-skills

Popularity

GitHub stars
48k
Ranking position
#2258
License
MIT
Updated
10/15/2026

Is this skill useful?

0

Sign in to vote.

Comments

  • …

More skills from this repository

Similar skills