Guides
Make better things
with Claude.
How I make explainer videos, prompt for motion, and design websites that don’t look AI-generated. Real steps, no filler.
Featured guide
Animations & Videos · · 4 min read
How to Create Animated Explainer Videos With Claude
Claude doesn't press record. It writes the code that draws every frame, then renders it into an MP4 on your computer. Here's the full workflow, from one idea to a finished short.
Latest
Webflow & Framer · · 3 min read
8 Portfolio Website Templates for Designers, Photographers and Agencies
Your portfolio should make your work the star, not the template. Here are eight portfolio designs for designers, photographers and agencies, and how to choose between them.
Animations & Videos · · 3 min read
Best Fonts for Video Captions on Reels and TikTok
Captions carry a short video when the sound is off. Here's how to pick fonts that read instantly on a phone, and the free pairings I use in my own explainers.
AI & Claude · · 4 min read
12 Claude Prompts for Website Design That Don't Produce Generic Sites
The prompt decides whether Claude designs your site or averages every site it's seen. Here are twelve prompts I'd actually use, for every stage from brief to polish.
Website Design · · 4 min read
10 Hero Section Examples (and What Makes Each One Work)
The hero is the first thing anyone sees on your site. Here are ten hero sections I designed, what makes each one work, and the rules they all follow.
Webflow & Framer · · 3 min read
7 Website Templates for Coaches and Consultants (and How to Choose)
A coaching or consulting site has one job: make the right person book a call. Here are seven templates built for that, and how to pick the one that fits your practice.
Website Design · · 4 min read
404 Page Design: 7 Creative Examples and How to Make Your Own
A 404 page is a dead end you get to design. Here are seven creative 404 pages I made, what each one does well, and the essentials every 404 page needs.
Animations & Videos · · 3 min read
How to Make Faceless Explainer Videos for Reels and TikTok
You don't need to be on camera to make videos that travel. My explainer shorts never show a face. Here's what actually makes a faceless video work, and how to make one.
AI & Claude · · 4 min read
How to Build a Website With Claude Code (That Doesn't Look AI-Made)
"Build me a website" gets you the same site everyone gets. Here's the process I'd use instead: plan, pick a reference, build one section at a time, then ship it.
AI & Claude · · 5 min read
How to Create a Claude Skill: SKILL.md Explained With a Real Example
Most skills that "don't work" have one problem: a vague description. Here's how to write a SKILL.md Claude actually uses, with a complete example you can copy.
AI & Claude · · 4 min read
What Are Claude Skills? How to Install and Use Them in Claude Code
A Claude skill is a folder that teaches Claude how to do one thing well, every time. Here's what's inside one, where it goes, and how to make sure Claude actually uses it.
Webflow & Framer · · 3 min read
Webflow vs Framer: Which Should You Build Your Website In?
I design templates for both, so I get this question a lot. The short answer: Framer if you think like a designer, Webflow if you think like a developer. Here's the longer one.
Website Design · · 4 min read
How to Make AI-Generated Websites Look Less Generic
Purple gradient, centred hero, three feature cards with emoji icons. If that sounds familiar, here's how to recognise the defaults and prompt your way past them.
AI & Claude · · 4 min read
10 Claude Animation Prompts for Better Motion Graphics
Most AI animations feel floaty because the prompt never mentions timing, easing or purpose. These ten prompts fix that, with a note on why each one works.