frontend-with-playwright - Framework-agnostic frontend development with Playwright
Provides framework-agnostic frontend practices for DOM, CSS, JavaScript, Playwright validation, accessibility, reactive performance, and data-flow composition.
Tags
Updated: 2026-09-29Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Inspect DOM topology
- Define CSS/JS boundaries
- Validate layouts with Playwright
- Test interactive behavior
- Write layout tests
- Isolate framework DOM boundaries
- Tune reactive listeners
- Review accessibility and focus
- Compose filters with data sources
Inputs
- Frontend codebase
- Running web page
- UI requirements
- Framework-managed components
- External component APIs
- Data source behavior
Outputs
- DOM measurements
- Layout validation results
- Interaction validation results
- Playwright layout tests
- Accessibility findings
- Frontend implementation guidance
Requirements
- Playwright-capable browser environment
- Access to the target frontend
- Permission to inspect and modify frontend code