keats-webapp-testingToolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing...
Install via ClawdBot CLI:
clawdbot install corbin-breton/keats-webapp-testingGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
http://localhost:5173Audited Apr 16, 2026 · audit v1.0
Generated Oct 6, 2026
Developers working on a local React or Vue app spin up a dev server and use this skill to automatically click through new features, fill forms, and confirm the UI behaves as expected before committing. It catches broken selectors, missing state updates, and rendering errors early.
When a bug report comes in about a component misbehaving, engineers use the skill to navigate to the page, capture a full-page screenshot, and dump browser console logs to diagnose the issue. This replaces manual back-and-forth with reproducible evidence.
Teams integrate Playwright scripts driven by this skill into their CI to run a suite of localhost smoke tests on every pull request, verifying login, navigation, and core flows. Failures block merges and surface regressions before release.
QA engineers at startups without dedicated test infrastructure use this skill to write lightweight Playwright scripts that cover critical user journeys. They rerun the scripts before each release to confirm nothing broke between versions.
New hires or stakeholders launch the local app and use this skill to script a guided walkthrough of key screens with annotated screenshots and console output. It serves as living documentation of the app's main flows without requiring manual clicking.
The skill is distributed freely as part of an open-source agent toolkit, with the LICENSE.txt governing terms and the bundled Python scripts auditable by anyone. Adoption builds community trust and ecosystem lock-in around the broader agent platform.
Companies pay for a managed platform that bundles this skill with private server orchestration, CI integrations, and team-shared test suites. Centralized dashboards track test results across projects and enforce security policies on shell-mode server commands.
Development agencies use this skill as a repeatable capability to offer automated browser testing and QA audits to clients as a billable service. The local-only nature keeps client data secure while delivering fast, scriptable UI verification.
💬 Integration Tip
Always run bundled scripts like with_server.py with --help first, and avoid --shell mode unless reviewing trusted compound commands, since shell interpretation bypasses the injection-safe argv default. Use the reconnaissance-then-action pattern with page.wait_for_load_state('networkidle') before inspecting dynamic app DOM to prevent flaky selector failures.
Scored Oct 6, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.