This is visual thinking for CLI people who aren't developers. You say "napkin" and it drops an HTML whiteboard on your Desktop that opens in your browser. Draw, sketch, add sticky notes, then click "Share with Copilot" to save a PNG snapshot. Claude reads the image with vision, grabs structured JSON from your clipboard for precise text, and responds conversationally about what you sketched. It's explicitly designed for PMs, lawyers, and business stakeholders who want to think spatially before writing. The model can't draw back into the canvas, so it's one way: you sketch, Claude interprets and suggests next steps in the terminal. Simple handoff between freeform visual and conversational text.

skills.sh installs
2.3K
GitHub stars
41K
last updated
Aug 21, 2026

Install

$ npx -y skills add github/awesome-copilot --skill napkin --agent claude-code

Installs into .claude/skills of the current project.

Files

Napkin — Visual Whiteboard for Copilot CLI

Napkin gives users a browser-based whiteboard where they can draw, sketch, and add sticky notes to think through ideas visually. The agent reads back the whiteboard contents (via a PNG snapshot and optional JSON data) and responds conversationally with analysis, suggestions, and next steps.

The target audience is lawyers, PMs, and business stakeholders — not software developers. Keep everything approachable and jargon-free.


Activation

When the user invokes this skill — saying things like "let's napkin," "open a napkin," "start a whiteboard," or using the slash command — do the following:

  1. Copy the bundled HTML template from the skill assets to the user's Desktop.

    • The template lives at assets/napkin.html relative to this SKILL.md file.
    • Copy it to ~/Desktop/napkin.html.
    • If ~/Desktop/napkin.html already exists, ask the user whether they want to open the existing one or start fresh before overwriting.
  2. Open it in the default browser:

    • macOS: open ~/Desktop/napkin.html
    • Linux: xdg-open ~/Desktop/napkin.html
    • Windows: start ~/Desktop/napkin.html

Sponsors

Details

Repository
github.com/github/awesome-copilot
Categories
Git & Pull Requests, AI & Agent Building, Automation & Workflows, Design & UI/UX, CLI & Terminal
First seen
Apr 16, 2026

More from github/awesome-copilot

All 318
1github avatarcloud-design-patternsgithub/awesome-copilotCloud design patterns for distributed systems architecture covering 42 industry-standard patterns across reliability, performance, messaging, security, and depl2.3Kskills.sh installs
2github avatarcli-masterygithub/awesome-copilotInteractive training for the GitHub Copilot CLI. Guided lessons, quizzes, scenario challenges, and a full reference covering slash commands, shortcuts, modes, a2.1Kskills.sh installs
3github avatarspring-boot-testinggithub/awesome-copilotExpert Spring Boot 4 testing specialist that selects the best Spring Boot testing techniques for your situation with Junit 6 and AssertJ.2.1Kskills.sh installs
4github avatarcodeqlgithub/awesome-copilotComprehensive guide for setting up and configuring CodeQL code scanning via GitHub Actions workflows and the CodeQL CLI. This skill should be used when users ne2Kskills.sh installs
5github avatarflowstudio-power-automate-buildgithub/awesome-copilotBuild, scaffold, and deploy Power Automate cloud flows using the FlowStudio MCP server. Your agent constructs flow definitions, wires connections, deploys, and 1.9Kskills.sh installs
6github avatarflowstudio-power-automate-debuggithub/awesome-copilotDebug failing Power Automate cloud flows using the FlowStudio MCP server. The Graph API only shows top-level status codes. This skill gives your agent action-le1.9Kskills.sh installs