Planning WSH Improvements

Analyzes a Web Speed Hackathon project, identifies performance bottlenecks, researches each improvement topic in depth, stores findings as reusable Agent Skills, and generates executable Claude Code commands. Every command references the relevant skill and includes mandatory Lighthouse score check followed by VRT verification.

Use this skill when starting a WSH competition, creating an optimization plan, or when the user asks to generate improvement commands for a WSH project.

Supporting files:

• COMMAND-TEMPLATE.md — Template and rules for generated commands
• IMPROVEMENT-CATALOG.md — Known improvement patterns with priority/impact data
• RESEARCH-SKILL-TEMPLATE.md — Template for generated research skills

Workflow

Step 1: Analyze the Project

Before generating any plan, gather data: