How do I make an AI-built site look designed?

Settle the direction before the build: one idea, two typefaces, a colour system and the motion. The guides on this page will take that apart with real builds and their prompts. Until they do, the skill page shows the method.

Updated 12 November 2026
Struq skill 0.5.0

Where do I start?

The first guide puts five design skills for Claude Code side by side. For the method itself, the skill page walks through a run from the brief to the check, and the showcase has directed sites you can open.

Design skills comparedWhich Claude Code skill makes your website look studio-made? Five skills, what each fixes and where each wins.How the skill worksA run from the one-line brief to the plan, the build and the check.The showcaseThree demonstration sites, each directed before it was built.

Give your AI the direction.

Paste it into Claude Code. It runs the install, then /struq is ready.