skill-style-guide
Generate disciplined single-file HTML pages with visual and accessibility validation.
Generate disciplined single-file HTML pages with visual and accessibility validation.
Use this Claude Code skill to build single-file HTML pages with a defined type scale, spacing system, one accent color, inline icons, and a light theme with dark-mode toggle. Its validators render mobile, tablet, and desktop screenshots with Playwright and run static and accessibility checks. The skill repo needs Playwright, Sharp, and Chromium installed for the full validation workflow; consumer projects receive the generated page, not copied tooling.
Resource types
Use cases
Platforms
Capabilities
Turns one idea into a clean peanut-led concept illustration.
Keeps generated UI aligned with explicit design rules.
Route a design brief through color, effects, typography, and icon skills in a coherent order.
Public GitHub facts last synced Jul 10, 2026.
Plan product design projects in Claude with reusable PRCSS workflows.