Charlie HillsPrompt · Claude & Claude Code
5 Prompts That Turn Any Claude Plan Into an HTML Artifact
Stop reading walls of markdown. These 5 copy-paste prompts turn a plan, a workflow or a design choice into a clickable HTML artifact you can compare, test and pull apart before you build anything.
Added 6 August 2026. Free.
What’s inside
- How to use these
- 1. Turn this plan into an HTML artifact
- 2. Show me two versions side by side
- 3. Map my whole workflow as one page
- 4. Find the assumptions this is built on
- 5. Rebuild it from my edited version
More on Claude & Claude Code
How Claude made my map explainer: the full process
The 6 steps and every prompt behind my Red Bull Stratos map explainer, plus the real maps and photos the reel skipped.
The aircraft-manual skill for Claude
A Claude skill that makes every answer read like a repair manual: short, exact and clear on the first read. 26 rules, a swap list and a 7-step check, plus a 5-page PDF.
How Claude Edits My Reels: The Full Process
The 8 prompts I give Claude Code to turn one raw take into a finished Instagram reel.
21 Motion Graphics for Claude
All 21 face effects from the MOVES reel, each with a one-line job and a paste-able Claude Code prompt that rebuilds it. Plus the setup prompt and a 24-page PDF.
665 Claude Design components (and how to use them)
Stop Claude Design giving you everyone's look. Pick a component from a library of 665, copy its hand-off prompt, and paste it in with your brand. Six tested prompts, each with a before and after.
Make any AI image editable in Canva with Claude
Stop Claude redrawing the whole image every time you change one word. Connect Canva, run one prompt, and get the design back in editable layers.