Free guide library

All guides

Saw a keyword in a reel? Type it here to find that reel’s full guide.

AI tools#夜市 Make your poster move to the beat: a 15-second motion poster with Claude Design's Animation template No need for Claude Motion. Open an Animation project in Claude Design, write 4 scenes as 'seconds + one action', add a BPM, and every word lands on the beat. 5 min read · Read → AI tools#3D 3D without Blender: one prompt in Claude Design gives you a model you can spin and download Pick the 3D object template in Claude Design, paste one prompt, and get a model you can spin 360°, switch between 3 colours and download as OBJ or GLB. 5 min read · Read → AI tools#品牌 Build a whole brand in Claude Design: set the system first, then grow the post, homepage and ad banner Don't start with a logo. Have Claude Design set colours, type, buttons, spacing and Do/Don'ts, then build a post, homepage and banner from that one system. 5 min read · Read → AI tools#Logo Turn Claude into a logo designer: a free skill that builds a full identity in 4 steps A free, open-source skill makes Claude ask questions, write a brief, test 3 directions at 16px, then export mono, favicon, app icon and a board. 4 min read · Read → Design tips#風格 8 rare design styles and how to make them: thermal, Risograph, cyanotype, halftone and more Thermal, Risograph, 1-bit dither, concrete poetry, cyanotype, halftone, pixel sorting and neon. Photoshop steps and settings for each, plus one AI prompt. 5 min read · Read → AI tools#角度 One photo, 6 camera angles: 6 ChatGPT prompts to re-shoot it Drone, fisheye, telephoto, film, golden hour, night flash: upload a photo to ChatGPT and swap the angle and light. Same person, face, outfit and pose. 3 min read · Read → Websites#術語 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 → Free resources#素材 5 free open museum image archives: high resolution, mostly free for commercial use, and AI can search them for you How to use NPM Open Data, ColBase, Cooper Hewitt, The Met and the Public Domain Image Archive, how to credit them, and a prompt to find images via API. 4 min read · Read → Websites#系統 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 → Websites#滾動 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 → Design tips#流程 How a booklet takes shape: a 6-step design process for an organisation's newsletter Using a youth service centre's newsletter as the example: sort the content, set the grid, illustrations, colours and fonts, then check before print. 5 min read · Read → Design tips#排版 InDesign layout in 6 steps: an event poster from blank document to print file Document setup, CMYK swatches, the main image, a hand-lettered title, a timeline and PDF/X-4 export: an A4 event poster that's ready to print. 5 min read · Read → Design tips#手繪 Hand-drawn look in 3 tricks: ink lines, simple characters, crayon color clash, plus an AI prompt No drawing skills needed: wobbly ink lines in Procreate or Illustrator, a 3-shape character, crayon colors offset 4 to 6 px, and AI art turned into vectors. 4 min read · Read → Design tips#動態 Make your poster move: 10 motion effects with AI-written HTML + CSS Line-drawn logos, page flips, floating, typewriter text and more without After Effects: give AI a reference, describe start, middle and end, get HTML + CSS. 4 min read · Read → AI tools#Carousel Make Instagram carousels with Claude: upload product photos, paste one prompt, download each slide as PNG Upload product photos to claude.ai and use one prompt to get a full 1080×1350 carousel in HTML + CSS, with a download button. Edit one thing at a time. 4 min read · Read →

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.