Gallery › Diagram Design: Claude Code skill for 44 diagram types

Diagram Design: Claude Code skill for 44 diagram types

Diagram Design: Claude Code skill for 44 diagram types is a motion video made with Claude Code by @kirillk_web3, 0:26 long. Below is the exact skill that made it, ready to copy.

0 CommentsView on X ↗

Comments

Loading…

Kirill@kirillk_web3 · all their videos

Claude Code·2026-10-25·5 likes on X

The prompt

Open in Claude ↗

this is f*cking gold the diagram skill for Claude Code. 53K stars on GitHub. most AI diagrams look like the same gray Mermaid boxes. this one looks like it came out of a magazine. > 44 diagram types: flows, architectures, timelines, org charts and more > give it your website and it pulls your brand colors and fonts > checks contrast so every label is readable > redraws your old draw. io and Mermaid files > exports to HTML, SVG and PNG one skill. one prompt. a diagram you'd actually put in a deck. works with Claude Code and Codex. free and open source. repo below github.com/cathrynlavery/diagram-design

Why this prompt works

It locks the look: colours, type and style are named up front.
It names the rendering stack, so the agent writes code it can actually render to video.

Make it yours

Fill in what you need and copy a version written for your project. Nothing leaves your browser.

What's it for Format Length Colours and style Must include

More like this

Moon impact cinematic in Python by @xinc3s

Moon impact cinematic in Python

@xinc3s · Claude Code

Claude makes a video of its own working session by @bonsaixbt

Claude makes a video of its own working session

@bonsaixbt · Claude Opus 5.5 + Remotion

30-second studio showreel in Remotion

30-second studio showreel in Remotion

@arctic_hare_ · Claude Code

Clothes-rack product rail hover animation by @imrabin11

Clothes-rack product rail hover animation

@imrabin11 · Claude Code

AgentCut launch video

AgentCut launch video

@deifosv · Claude Code + Remotion

Claude + Blender MCP + Remotion: one-evening animation studio by @slash1sol

Claude + Blender MCP + Remotion: one-evening animation studio

@slash1sol · Claude Opus 5.5