How do I trigger this skill in my environment?

You can trigger the systematic testing guide by typing /playwright-testing within your Claude Code terminal.

What is the primary benefit of the Playwright Testing skill?

It provides a systematic, checklist-based approach to testing the Strudel app, ensuring no critical UI or audio components are overlooked during development.

Why does the skill emphasize testing through the AI terminal?

Testing through the AI terminal exercises the complete code path (Browser to WebSocket to MCP), which catches integration bugs that direct MCP calls often miss.

Does this skill handle audio verification?

Yes, it includes specific phases for verifying audio autoplay policies, pattern execution, and state synchronization between the audio engine and UI.

Playwright Testing for Strudel

Name: Playwright Testing for Strudel
Author: DesmondChoy

byDesmondChoy

0•

Seguridad y Pruebas

Systematically validates the Strudel live coding frontend using comprehensive Playwright checklists and MCP integration.

This skill provides a specialized testing framework for the Strudel live coding application, ensuring seamless integration between the browser UI, WebSockets, and AI-driven music generation. It guides developers through a multi-phase validation process—covering everything from initial layout and audio autoplay policies to complex WebSocket communication paths. By enforcing a 'test-through-the-terminal' approach, it ensures that the AI assistant, MCP server, and audio engine work in harmony, catching integration bugs that traditional unit tests might miss.

Características Principales

01Audio playback and autoplay policy compliance verification

02End-to-end WebSocket integration validation via AI terminal

03State synchronization testing for keyboard shortcuts and UI buttons

04Structured multi-phase testing checklists for UI and UX

050 GitHub stars

06Visual layout auditing for responsive 'Live Stage' components

Casos de Uso

01Debugging complex WebSocket connection issues and ref-timing problems

02Regression testing audio engine behavior and pattern execution

03Verifying new feature deployments in the Strudel frontend

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add desmondchoy/buttery_smooth_jamming playwright-testing

For use in Claude.ai and ChatGPT

Características Principales

01Audio playback and autoplay policy compliance verification

02End-to-end WebSocket integration validation via AI terminal

03State synchronization testing for keyboard shortcuts and UI buttons

04Structured multi-phase testing checklists for UI and UX

050 GitHub stars

06Visual layout auditing for responsive 'Live Stage' components

Casos de Uso

01Debugging complex WebSocket connection issues and ref-timing problems

02Regression testing audio engine behavior and pattern execution

03Verifying new feature deployments in the Strudel frontend

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add desmondchoy/buttery_smooth_jamming playwright-testing

For use in Claude.ai and ChatGPT