Web Design Builder - Build and verify accessible responsive web designs
Creates or refactors HTML5 and JavaScript web designs and verifies accessibility and functionality with Playwright MCP when available.
Tags
Updated: 2026-10-03Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Generate HTML5 web designs
- Refactor HTML/CSS/JavaScript code
- Create responsive layouts
- Add accessible interactions
- Save designs to files
- Run accessibility tests
- Test responsive layouts
- Test interactive behavior
- Check performance metrics
- Report verification results
Inputs
- Design specifications
- Target audience
- Use case
- Required features
- Content or copy
- Brand guidelines
- Framework preference
- Browser requirements
- Accessibility requirements
- Performance constraints
- Existing HTML/CSS/JavaScript
- Output location
- Playwright MCP availability
Outputs
- HTML files
- CSS files
- JavaScript files
- Design mockups
- Accessibility test results
- Responsive screenshots
- Functionality test results
- Performance metrics
- Verification report
- Verification status message
Requirements
- Write tool access
- Playwright MCP for automated verification