sketchnotelisted

# Sketchnote Skill Generate a clean visual feature overview from a PRD — sized for Notion and Slack, branded for your product. This skill produces a **copy-paste-ready prompt** you take to Claude, ChatGPT (with image gen), or any AI that can render visual diagrams. It auto-fills the feature name, brand colors, and user problem from your active PRD so you're not rewriting boilerplate every time. --- ## Quick Start 1. Run `/sketchnote` 2. I check your active PRD for: feature name, problem statement, proposed solution, user journey 3. I generate a ready-to-use prompt — copy it, paste it into Claude or ChatGPT, attach the PRD 4. The AI renders your sketchnote; save the output to `outputs/prototypes/[feature]-sketchnote.png` **Example:** "Create a sketchnote for the Bank Connect flow" **Output:** Prompt saved to `outputs/prototypes/[feature]-sketchnote-prompt.md` **Time:** 5 minutes to generate prompt, 2 minutes to render --- ## When to Use This Skill - Communicating a new feature to stakeholders before engineering starts - Embedding a visual summary in a Notion PRD page - Sharing a feature overview in Slack without attaching the full spec - Pre-meeting alignment — one image that replaces three slides - Adding a visual layer to a PRD review panel session --- ## Workflow ### Step 1: Context Check Before generating the prompt, I check the following in order: | Source | Files | What I Extract | |--------|-------|----------------| | Active PRD | `outputs/prds/*.md`, `c