One sentence in. A hand-drawn diagram out. Here's the real prompt-by-prompt story of how I taught Claude Code to sketch — and the screen-recording script that turns it into a short.
I found Nate Herk's Excalidraw skill and asked Claude Code to install it into my AIOS. Instead of blindly copying files, it read the package first — and told me it was actually two skills, not one.
I dropped my kie.ai key in and asked for slash commands. /diagram writes a free, editable file. /visual spends about five cents and renders a genuinely hand-sketched PNG — perfect for the channel.
"Make a visual of the entire AIOS project." The structure came out perfect: a central brain with six live connections. But the model leaked two raw colour codes into the labels. This is the part most demos hide.
The image model reads stray hex like #Ee03130 as text and writes it onto the label. The editable .excalidraw twin had clean labels, and a 5-cent re-run fixes the PNG. Showing the glitch is the lesson: you stay in the loop, the tool does the drawing.
Brand palettes, onboarding cards, voice setup — all the same one-line move. Every PNG ships with an editable twin.
The exact loop the episode teaches — typed once, rendered through kie.ai, saved as a PNG and an editable file.
"Telling Technology" cut: you to camera, screen-recording underneath, image reveals edited in à la Nate Herk. ~50 seconds, vertical-safe framing.
Hook-first, one honest beat, payoff. Cut on the verbs.
| Time | On screen | Voiceover / to camera |
|---|---|---|
| 0:00–0:04 | You, to camera. Hard cut to the hero diagram on "this". | "I gave Claude Code a skill that draws like a human — and it turned one sentence into this." |
| 0:04–0:12 | Screen-rec: the install prompt typing out. Highlight "two skills". | "Last week I downloaded a drawing skill. Claude opened it up and told me it was actually two skills, not one." |
| 0:12–0:22 | command-vs-skill.png slides in. Lower-third: /diagram · /visual. |
"So we wired two commands. /diagram makes a free, editable file. /visual spends about five cents and renders a real hand-drawn PNG." |
| 0:22–0:33 | Type the prompt → job-hunt-pipeline.png reveals box by box. | "First real test — my job-hunt pipeline. One prompt: scan, personalize, apply, track." |
| 0:33–0:42 | aios-overview.png. Circle/zoom the "Ee03130" glitch. | "It's not magic. When I drew my whole system, it leaked two colour codes into the labels — so I just re-ran it. Five cents." |
| 0:42–0:50 | Back to you, then the live diagram + handles on screen. | "Now any idea becomes a diagram in one line — a PNG for the video, an editable file for me. Follow for episode two." |
[hook]I gave Claude Code a skill that draws like a human — and it turned one sentence into this. [setup]Last week I downloaded a drawing skill, and Claude told me it was actually two skills, not one. [commands]So we wired two commands — slash-diagram for a free editable file, slash-visual to render a real hand-drawn PNG for about five cents. [test]First test: my job-hunt pipeline, in one prompt. [honest]It's not magic — it once leaked colour codes into the labels, so I re-ran it. [payoff]Now any idea becomes a diagram in one line. Follow for episode two.