Back to Marketplace

Run this helper free

Answer 3 questions. Get a result in 2 minutes. Preview free.

Start free →
FREE
Verified
Grow Business

Hand Drawn Diagrams

Sketch ideas fast, collaborate visually, ship diagrams instantly

❌ Teams waste hours translating complex ideas into formal diagrams using clunky software with steep learning curves.

✅ Users create professional hand-drawn diagrams, wireframes, and flows in minutes using intuitive sketch-based tools.

  • ✓Hand-drawn Excalidraw diagrams with monochrome sketch aesthetic
  • ✓Wireframes and page mockups with optional restrained color
  • ✓Flow charts, explainers, and architectural diagram templates
  • ✓Real-time browser rendering via Chrome DevTools MCP
  • ✓Activation routing and fundamental shapes reference library

👁 4 views · 📦 0 installs

Install in one line

$ mfkvault install muthuishere-hand-drawn-diagrams

Requires the MFKVault CLI. Prefer MCP?

5.0(1 reviews)
🤖 Claude Code
FREE

Free to install — no account needed

Copy the command below and paste into your agent.

Instant access • No coding needed • No account needed

What you get in 5 minutes

  • Full skill code ready to install
  • Works with 1 AI agent
  • Lifetime updates included
VerifiedSecureBe the first
Ready to run

Run this helper

Answer a few questions and let this helper do the work.

▸Advanced: use with your AI agent

Description

--- name: hand-drawn-diagrams description: Create hand-drawn Excalidraw diagrams, flows, explainers, wireframes, and page mockups. Default to monochrome sketch output; allow restrained color only for page mockups when the user explicitly wants webpage-like fidelity. --- Follow the instructions in `./workflow.md`. Key references: - `references/index.md` - `references/activation-routing.xml` - `references/fundamental-shapes.md` ## Recommended: Chrome DevTools MCP Install `chrome-devtools-mcp` for fast PNG and animated SVG rendering — uses a real browser, no Playwright install required. ``` npm install -g chrome-devtools-mcp ``` Then add it to your Claude Code MCP config (`~/.claude/settings.json`): ```json { "mcpServers": { "chrome-devtools-mcp": { "command": "npx", "args": ["chrome-devtools-mcp"] } } } ``` Without it, PNG and video rendering falls back to Playwright (slower, requires browser install).

Preview in:

Security Status

Verified

Manually verified by security team

Time saved
How much time did this skill save you?

Related AI Tools

More Grow Business tools you might like

codex-collab

Free

Use when the user asks to invoke, delegate to, or collaborate with Codex on any task. Also use PROACTIVELY when an independent, non-Claude perspective from Codex would add value — second opinions on code, plans, architecture, or design decisions.

Rails Upgrade Analyzer

Free

Analyze Rails application upgrade path. Checks current version, finds latest release, fetches upgrade notes and diffs, then performs selective upgrade preserving local customizations.

Asta MCP — Academic Paper Search

Free

Domain expertise for Ai2 Asta MCP tools (Semantic Scholar corpus). Intent-to-tool routing, safe defaults, workflow patterns, and pitfall warnings for academic paper search, citation traversal, and author discovery.

Move Code Quality Checker

Free

Analyzes Move language packages against the official Move Book Code Quality Checklist. Use this skill when reviewing Move code, checking Move 2024 Edition compliance, or analyzing Move packages for best practices. Activates automatically when working

Claude Memory Kit

Free

"Persistent memory system for Claude Code. Your agent remembers everything across sessions and projects. Two-layer architecture: hot cache (MEMORY.md) + knowledge wiki. Safety hooks prevent context loss. /close-day captures your day in one command. Z

Factory Floor - Startup Coach

Free

Provides focused startup coaching to identify constraints and run experiments for early-stage founders