creo-design-reviewlisted

# Design Review Conduct comprehensive UI/UX reviews of web applications using Playwright for automated interaction testing. Produces structured implementation roadmaps for the creo-design-implement skill. ## Commands | Command | Description | |---------|-------------| | `/creo design-review <url>` | Full design review at all breakpoints | | `/creo design-review mobile <url>` | Mobile-focused review (375px, 768px) | | `/creo design-review a11y <url>` | Accessibility-focused WCAG AA audit | ## Core Instructions ### Configuration 1. Check for project-specific config at `.claude/project-config.md` 2. Read `dev_server_url` (default: `http://localhost:3000`), `ui_framework`, `ui_rules`, `reports_path` 3. Load project extension if it exists at `.claude/skills/creo-design-review/creo-design-review-{project_id}.md`. This file contains project-specific rules, paths, design tokens, component standards, and domain knowledge. `{project_id}` comes from `project-config.md`. Always load it before doing work. 4. If no config exists, use defaults or ask user ### Phase 1: Environment Setup - Expected URL: read from project config, default `http://localhost:3000` - Do NOT start the server -- expect it to be already running - If server is not available, stop work and inform user immediately - If MCP connection fails, close browser and retry navigation ### Phase 2: Principle-Based Analysis Evaluate the current implementation against design principles: - Visual hierarchy and information