feat: collaborative design + visual QA screenshot workflow
Section 2.2 Design Direction:
- Use 2-3 skills TOGETHER to create hybrid design (not separate proposals)
- Combine strengths from ckm:design + ui-ux-pro-max + brand
- Migration: different layout but preserve content + images
Step 9 Visual QA:
- Add screenshot review BEFORE code review
- Use dev-browser/playwright to capture real screenshots
- Visual checklist: layout, typography, color, spacing, images, responsive, interactive, consent popup
- 9.1: Screenshot every page
- 9.2: Visual review from screenshots (not code)
- 9.3: Code review AFTER visual passes
- 9.4: Exploratory QA with dogfood
Sub-skill Routing:
- Updated to reflect collaborative design approach
- Added dev-browser for visual QA
Kunthawat Greethong
014f60b4af