---
title: "Build BEAUTIFUL Diagrams with Claude Code (Full Workflow)"
source_url: https://www.youtube.com/watch?v=m3fqyXZ4k4I
captured_at: 2026-09-18
author: "Cole Medin"
contributor: "ชิดชนก"
platform: youtube
---
# Build BEAUTIFUL Diagrams with Claude Code (Full Workflow)

youtube video by **Cole Medin**, 9m53s, uploaded 2026-03-02. URL: https://www.youtube.com/watch?v=m3fqyXZ4k4I
Tags: ai, artificial intelligence, ai agents, software engineering, software development, coding, automation, saas, development, claude, anthropic, claude code, excalidraw, skill, claude code skill, claude code skills tutorial, excalidraw skill, claude code diagram, must have skill, ai skills, llm skills, agent skills, diagram skill, claude code diagrams, must-have skill, obsidian, obsidian excalidraw d

## Shared in LINE Note+
- 2026-09-18 17:11 by ชิดชนก

## Description
Most AI coding tools can generate diagrams, but they look terrible (wrong spacing, overlapping elements, no visual hierarchy, etc.). I spent weeks building a Claude Code skill that not only creates beautiful Excalidraw diagrams but actually validates them visually using Playwright and Python, iterating until they look incredible.

In this video I'll walk you through the entire skill, how it works, and what the self-validation process looks like. And the diagram I use to explain the whole workflow was created by the skill itself! 

I'm giving the skill away for free so you can use it in your own Claude Code setup immediately.

~~~~~~~~~~~~~~~~~~~~~~~~~~

- If you want to learn how to build reliable and repeatable systems for AI coding, check out the Dynamous Community and Agentic Coding Course:


- Here is the GitHub repo with the skill:


- Obsidian Excalidraw plugin:


~~~~~~~~~~~~~~~~~~~~~~~~~~

0:00 The Need for Visual Agents
0:55 Installation and Setup
1:47 Demo: Creating a Diagram
2:46 Visual Validation Loop
3:58 Iteration and Imperfections
5:19 Philosophy: Argue Visually
6:30 The Generation Workflow
8:01 Customizing Patterns and Colors
9:24 Outro

~~~~~~~~~~~~~~~~~~~~~~~~~~