Web Design Builder

This skill creates professional HTML5/JavaScript web designs from specifications, with automatic accessibility and functionality verification using Playwright MCP.

When to Use This Skill

Activate this skill when the user requests:

• Create a web design from a specification or description
• Build a landing page, website, or web application
• Create a design mockup or prototype
• Refactor or improve existing HTML/CSS/JavaScript code
• Build responsive web interfaces
• Create component libraries or design systems
• Generate accessible web designs with WCAG compliance

Core Workflow

Phase 1: Requirements Gathering