e2e-tests-studio

Generate and execute Playwright end-to-end tests for frontend behavior validation.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/Kimenzo/96000Agents --skill e2e-tests-studio-kimenzo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: e2e-tests-studio
Source: https://github.com/Kimenzo/96000Agents/tree/main/.claude/skills/e2e-tests-studio
Command: npx skills add https://github.com/Kimenzo/96000Agents --skill e2e-tests-studio-kimenzo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill ensures that changes to the frontend studio UI and components translate into correct product behavior, preventing regressions and validating core functionality through automated end-to-end testing.

Core Features & Use Cases

  • Behavioral Validation: Focuses tests on what the product does, not just how it looks.
  • E2E Test Generation: Provides a framework and patterns for writing robust Playwright tests.
  • Use Case: After refactoring the agent creation form, this Skill's tests will verify that a new agent can be successfully created, persists correctly, and appears in the agent list, rather than just checking if the form elements are visible.

Quick Start

Run pnpm test:e2e in the packages/playground directory to execute the end-to-end tests.

Frequently Asked Questions about e2e-tests-studio

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I write Playwright tests that validate actual product behavior instead of just checking UI elements?

Playwright behavior testing validates actual product outcomes by verifying user workflows end-to-end. This approach tests that actions like creating an agent persist correctly and function as intended, rather than superficially checking if form elements are visible.

What is end-to-end behavior validation for frontend modifications?

End-to-end behavior validation for frontend modifications ensures that UI changes translate into correct product functionality. It prevents regressions by automatically testing critical features like workflow orchestration and tool execution across various scenarios.

How do I run e2e tests for the studio UI environment?

You can run e2e tests for the studio UI by executing the `pnpm test:e2e` command within the `packages/playground` directory. This triggers the automated Playwright test suite to validate frontend modifications.

Can I use Playwright to verify agent configuration and workflow orchestration?

Yes, Playwright can verify agent configuration and workflow orchestration. The generated e2e tests specifically ensure these critical features function as intended across various scenarios after frontend modifications.

Why should I test product outcomes rather than superficial UI states?

Testing product outcomes rather than superficial UI states ensures that changes to the frontend studio UI translate into correct product behavior. This prevents regressions and validates core functionality through automated end-to-end testing.

Does this behavior testing approach catch regressions after refactoring frontend components?

Yes, behavior testing catches regressions after refactoring frontend components by verifying user workflows. For example, after refactoring an agent creation form, it verifies the new agent is successfully created, persists correctly, and appears in the agent list.