Claude MarketplacesSubmit
tech-leads-club avatar

Excalidraw Studio

tech-leads-club/agent-skills

Converts natural language into proper Excalidraw JSON files for flowcharts, sequence diagrams, ER models, mind maps, and more. The workflow is methodical: it analyzes your request, picks the right diagram type, extracts relationships, then generates valid JSON with correct text binding and arrow connections. The implementation is thorough, with clear rules about z-index ordering, grid alignment, and the text-as-separate-element model that trips people up. Ships with templates for nine diagram types. Useful when you need actual Excalidraw files, not just visual mockups. Doesn't handle Mermaid or code architecture analysis, those have separate skills.

skills.sh installs
251
GitHub stars
7.2K
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add tech-leads-club/agent-skills --skill excalidraw-studio --agent claude-code

Installs into .claude/skills of the current project.

Files

Excalidraw Studio

Generate Excalidraw-format diagrams from natural language descriptions. Outputs .excalidraw JSON files that can be opened directly in Excalidraw (web, VS Code extension, or Obsidian plugin).

Workflow

UNDERSTAND → CHOOSE TYPE → EXTRACT → GENERATE → SAVE

Step 1: Understand the Request

Analyze the user's description to determine:

  1. Diagram type — Use the decision matrix below
  2. Key elements — Entities, steps, concepts, actors
  3. Relationships — Flow direction, connections, hierarchy
  4. Complexity — Number of elements (target: under 20 for clarity)

Step 2: Choose the Diagram Type and Visual Mode

Diagram type:

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/tech-leads-club/agent-skills
Categories
Documentation, Code Review & Quality, AI & Agent Building, Sales & Marketing, Cloud & Infrastructure, Design & UI/UX
First seen
Jun 3, 2026

More from tech-leads-club/agent-skills

All 22

Recommended

More Documentation
1hoodini avataraws-strandshoodini/ai-agents-skillsBuild AI agents with the Strands Agents SDK - the open-source framework (the agent "brain") for writing agent logic, tools, and multi-agent systems in Python. M249skills.sh installs
2markpitt avatarkiss-principlemarkpitt/claude-skillsApply the K.I.S.S principle (Keep It Simple, Stupid) to reduce complexity, improve maintainability, and solve problems elegantly. Use when designing systems, wr248skills.sh installs
3lyndonkl avatarcommunication-storytellinglyndonkl/claudeTransforms analysis, data, and complex information into clear, persuasive narratives tailored to specific audiences — executives, customers, investors, or non-t245skills.sh installs
4markpitt avatarmarkdown-formattermarkpitt/claude-skillsFormats markdown files according to best practices and common style guidelines. Use when cleaning up markdown documentation, ensuring consistent formatting, or 244skills.sh installs
5anthropics avatarstakeholder-commsanthropics/knowledge-work-pluginsDraft stakeholder updates tailored to audience — executives, engineering, customers, or cross-functional partners. Use when writing weekly status updates, month239skills.sh installs
6pedronauck avatarmastrapedronauck/skillsComprehensive Mastra framework guide. Teaches how to find current documentation, verify API signatures, and build agents and workflows. Covers documentation loo239skills.sh installs