Help us improve
Share bugs, ideas, or general feedback.
From sketch-note
This skill should be used when the user wants to sketch content from a URL, YouTube video, or external source. Enables fetching and extracting content before creating a visual sketch.
npx claudepluginhub jskswamy/claude-plugins --plugin sketch-noteHow this skill is triggered — by the user, by Claude, or both
Slash command
/sketch-note:capture-for-sketchThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
When the user wants to sketch external content (URLs, videos, articles), first fetch and extract the content, then generate the visualization.
Generates hand-drawn Excalidraw diagrams for concepts, architectures, mind maps, flows, and comparisons. Enforces accessibility and cognitive limits; auto-renders JSON to SVG.
Generates Excalidraw JSON diagram files (.excalidraw) for visualizing workflows, architectures, and concepts as visual arguments with evidence artifacts for technical diagrams.
Generates Excalidraw diagram JSON files (.excalidraw) that argue visually for workflows, architectures, or concepts. Ideal for teaching relationships, flows, and technical integrations with evidence artifacts.
Share bugs, ideas, or general feedback.
When the user wants to sketch external content (URLs, videos, articles), first fetch and extract the content, then generate the visualization.
Use this skill when the user mentions:
Step 1: Fetch video content
Use yt-dlp to get the transcript (if available):
yt-dlp --write-auto-sub --sub-lang en --skip-download -o "%(title)s" "<URL>"
Or fetch video metadata:
yt-dlp --print title --print description --skip-download "<URL>"
Step 2: Extract key information
Step 3: Generate diagram
Step 1: Fetch content
Use the WebFetch tool to retrieve and process the page:
WebFetch(url, prompt="Extract the main topics, key arguments, and structure of this article")
Step 2: Extract key information
Step 3: Generate diagram
Step 1: Fetch README
WebFetch("https://github.com/{owner}/{repo}", prompt="Extract the architecture, main features, and components")
Or if repo is local, read the README.md directly.
Step 2: Extract key information
Step 3: Generate diagram
Title: {video title}
Main Topic: {core subject}
Key Points:
1. {point 1}
2. {point 2}
3. {point 3}
Flow: {step1} → {step2} → {step3}
Takeaways:
- {takeaway 1}
- {takeaway 2}
Title: {article title}
Source: {URL}
Main Argument: {thesis}
Supporting Points:
- {point 1}
- {point 2}
Key Concepts:
- {concept 1} relates to {concept 2}
Conclusions: {summary}
Project: {repo name}
Purpose: {description}
Components:
- {component 1}: {description}
- {component 2}: {description}
Dependencies:
- {component 1} → {component 2}
Tech Stack: {technologies}
User: "/sketch https://youtube.com/watch?v=abc123"
yt-dlp --print title --print description --skip-download "https://youtube.com/watch?v=abc123"
${workbench_path}/sketches/User: "/sketch https://example.com/article-about-microservices"
WebFetch(url, "Extract main topics and structure")
${workbench_path}/sketches/User: "/sketch https://github.com/facebook/react"
${workbench_path}/sketches/Before using yt-dlp, check if it's available:
command -v yt-dlp >/dev/null 2>&1
If not available, offer alternatives:
If content extraction fails:
Sketches are saved to ${workbench_path}/sketches/ (shared with jot plugin).
Read workbench_path from .claude/jot.local.md:
---
workbench_path: ~/workbench
---
Default: ~/workbench if not configured.