Free guide library
Websites
Saw a keyword in a reel? Type it here to find that reel’s full guide.
Stop getting empty boxes from Claude: one homepage in 3 styles, glass, minimal and editorial
Collect Pinterest references, make cut-out product photos in ChatGPT, then have Claude Design lay out one homepage in glass, minimal and editorial styles.
7 min read · Read →
6 design terms with real numbers that make Claude build websites like a designer
Hierarchy, whitespace, alignment, type pairing, primary colour, contrast: each term comes with numbers to paste into Claude, plus one all-purpose prompt.
4 min read · Read →
Why do big-brand websites look expensive? Copy their design system in 3 steps and write it up as DESIGN.md
Read a site's real fonts, sizes, colors and radius with F12, let Claude turn them into DESIGN.md, and build your site. Copy the system, not the text or logo.
4 min read · Read →
Scroll and the site moves: 3 steps to a scroll-storytelling site with ChatGPT images and Claude code
Apple-style scroll storytelling: ChatGPT makes 5 to 8 images from one camera angle, Claude writes a sticky crossfade section, Netlify Drop hosts it free.
4 min read · Read →
No matching guides.
Rather not DIY? Hand it to us
Websites, design, video:
all made by our own teams.
The guides show you how to do it yourself. Short on time? Websites go to Web Daddies (from US$19); books, posters and brands go to HK Design Pro.
