excalidraw-learning-aids
Excalidraw Learning Aids
Use this skill to turn complex systems into clear, large, teachable Excalidraw visuals. Prioritize comprehension over diagram density: the result should be more readable than a typical Mermaid diagram and should not require squinting.
Core workflow
- Clarify the teaching target only when necessary: audience, repo area, mechanism, and output format.
- Inspect the source material. For software repositories, map entrypoints, modules, runtime boundaries, data/control flow, and the specific mechanism being taught. Use
scripts/repo_snapshot.pywhen a quick repo map would help. - Choose the visual format:
- architecture map: services, packages, layers, dependencies
- request/mechanism flow: numbered path through handlers, queues, stores, workers
- lifecycle/state model: phases, triggers, side effects
- mental model: concepts, analogies, and constraints
- before/after or comparison: tradeoffs and design alternatives
- Draft a storyboard before drawing: title, 3-7 key ideas, visual chunks, arrows, callouts, and learner takeaway.
- Create the Excalidraw output through the best available route:
- if an Excalidraw MCP tool is available, call its documentation/readme tool first, then create or update the scene with large elements and labels.
- if a self-hosted or Plus API is available, use the configured endpoint and credentials; do not assume the alpha Plus API is stable.
- if no live drawing tool is available, generate a portable
.excalidrawfile. Usescripts/create_excalidraw_scene.pyfor structured flow/architecture diagrams.
More from jarmen423/skills
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
15xlsx
Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify existing spreadsheets while preserving formulas, (4) Data analysis and visualization in spreadsheets, or (5) Recalculating formulas
14webapp-testing
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
13canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
13runpod-serverless
Create serverless endpoint templates and endpoints on RunPod.io. Supports Python/Node.js runtimes, GPU selection (3090, A100, etc.), and idempotent configuration. Use this skill when a user wants to set up a new serverless endpoint or template on RunPod.
13qwen3-tts
Build text-to-speech applications using Qwen3-TTS, a powerful speech generation system supporting voice clone, voice design, and custom voice synthesis. Use when creating TTS applications, generating speech from text, cloning voices from audio samples, designing new voices via natural language descriptions, or fine-tuning TTS models. Supports 10 languages (Chinese, English, Japanese, Korean, German, French, Russian, Portuguese, Spanish, Italian).
13