What makes this diagramming skill different from others?

This skill prioritizes a 'rough' hand-drawn aesthetic which is more engaging than rigid corporate charts, making complex information more approachable.

Can I use professional icons in my diagrams?

Yes, the skill supports both built-in Excalidraw libraries and Material Symbols for high-quality, professional iconography.

Does it support automatic layout changes?

The skill uses programmatic arrow binding and container properties, ensuring that connections adapt automatically when shapes are moved.

How does it handle task visualization?

It includes a specific workflow that utilizes an automated task_viz script to generate force-directed layouts of goals and projects.

Are the diagrams accessible for colorblind users?

Yes, the skill enforces a 4.5:1 contrast ratio and uses a specific muted palette designed for accessibility on white backgrounds.

Excalidraw Diagram Design

Name: Excalidraw Diagram Design
Author: nicsuzor

bynicsuzor

0•

设计工具

Generates organic, hand-drawn diagrams and mind maps using a sketchy aesthetic to improve visual communication and engagement.

The Excalidraw Diagram Design skill empowers Claude to create visually compelling, human-centric diagrams that move away from rigid, corporate aesthetics. By leveraging high roughness settings, handwritten fonts, and organic mind-map layouts, it produces diagrams that are easier to digest and more engaging for stakeholders. The skill includes specialized logic for task visualization, intelligent arrow binding, and a curated color palette designed for accessibility and clarity in technical documentation.

主要功能

01Automated task visualization via integration with task_viz scripts

020 GitHub stars

03Hand-drawn aesthetic with customizable roughness and sketchy hachure fills

04Support for curated component libraries and Material Symbols integration

05Intelligent arrow routing and container binding for dynamic layout adjustments

06Accessibility-focused design principles with high-contrast muted color themes

使用场景

01Creating organic concept maps and brainstorming sessions for system design

02Mapping complex project dependencies and task hierarchies visually

03Generating human-friendly architecture diagrams for technical documentation

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