Claude Skill for Design Directions
Turn one set of copy, brand colors, and photos into six full home page designs, plus a picker gallery you hover to scroll through each one. The design-direction step from how I build sites, pulled out as a skill you can run.
The Skill File
A Claude Code skill (SKILL.md) that generates six full, working home page designs on the same content — only the aesthetic changes — then builds a picker gallery to compare them.
The Picker Generator
A Python script that screenshots each design and assembles the gallery with the live-preview / hover-to-scroll effect. Works on file://, cross-origin, or hosted.
A Complete Example
A fully built example for a fictional remodeling firm: six directions plus the picker, so you can see exactly what it makes before you point it at your own project.
Fill out the form and I'll send it to you.
I won't spam you. Unsubscribe anytime.
Check your inbox. It's on the way.