Tldraw Skill
agents365-ai/365-skillstldraw lets you create clean hand-drawn diagrams and flowcharts. You can save them as JSON files or export them as PNG or SVG images. It is perfect for explaining systems with three or more parts or showing how data moves.
Anyone can use it to sketch architecture overviews, decision trees, or process steps. The diagrams have a simple whiteboard style that makes ideas easy to understand. You need Node.js and the tldraw command line tool installed first.
Use this skill when you want to draw something visual instead of just writing text. It works on Mac, Windows, and Linux. The tool handles the hard parts so you can focus on your designs.
Add Tldraw Skill skill to your workflow
Global
mkdir -p ~/.claude/skills/tldraw-skillProject
mkdir -p .claude/skills/tldraw-skillSource Repository
More Design & UI/UX Claude Code Skills
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready