How does it handle text within shapes?

It utilizes a specific container binding pattern (containerId) to ensure text remains centered and moves automatically with its parent box or shape.

Does this skill support dark mode diagrams?

The skill is optimized for white backgrounds to ensure maximum accessibility and a 4.5:1 contrast ratio, though colors are chosen from a muted terminal theme.

What is the 'roughness' setting used for in this skill?

The skill defaults to a roughness value of 2 to achieve a maximum hand-drawn, sketchy aesthetic that captures attention better than rigid, traditional shapes.

Can this skill be used for automated task tracking?

Yes, though it is recommended to run the automated task_viz.py script first. This skill is then used for manual refinement and custom styling of the resulting diagram.

Excalidraw Diagram Design

Name: Excalidraw Diagram Design
Author: nicsuzor

bynicsuzor

0•

Design Tools

Creates organic, hand-drawn diagrams and mind maps using Excalidraw for clear and engaging visual communication.

The Excalidraw Diagram Design skill empowers Claude to generate visually compelling diagrams that avoid the rigidity of traditional corporate visuals. By leveraging a hand-drawn aesthetic, organic mind-map layouts, and intentional whitespace, it ensures technical concepts are both accessible and engaging. This skill is ideal for documenting system architectures, mapping out project tasks, or creating concept maps where human-centric design and clarity are prioritized over mechanical alignment.

Key Features

01Smart arrow binding to ensure diagrams remain functional when elements are moved.

02Integration with curated icon libraries and Material Symbols for professional visuals.

03Professional visual hierarchy through size, color contrast, and spatial positioning.

04Organic, hand-drawn aesthetic with high roughness and sketch-style hatching.

05Specialized two-phase design process focusing on structural accuracy followed by visual refinement.

060 GitHub stars

Use Cases

01Refining automated task visualizations into polished, presentation-ready diagrams.

02Creating organic mind maps for brainstorming or concept exploration.

03Visualizing complex system architectures with a human-centric, sketchy feel.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nicsuzor/aops-dist excalidraw

For use in Claude.ai and ChatGPT

Download Skill