# claude-copy-as-image > Turn Claude's responses into beautiful, shareable images — right from your terminal. Ever wanted to share Claude's brilliant answer on Slack, Twitter, or in a presentation? Just type `/copy-as-image` and paste. That's it. ## Themes 6 built-in themes — auto-selected by content type, or pick your own:

Glassmorphism _{Default · General use}	One Dark Carbon _{Code · Technical output}	Warm Paper _{Long-form writing · Reports}	Notion _{Clean docs · Meeting notes}	Brutalist _{Bold statements · High impact}	Neon Terminal _{Hacker style · Cyberpunk}

## Quick Start ```bash npx skills add chyroc/claude-copy-as-image -y -g ``` Then in any Claude Code session: ``` /copy-as-image ``` The image is copied to your clipboard. **Cmd+V** to paste anywhere. ## What It Does `/copy-as-image` takes Claude's last meaningful response and turns it into a polished screenshot with: - **6 themes** — from frosted glass to brutalist newsprint, auto-selected by content - **Playwright rendering** — pixel-perfect HTML→PNG via Chromium - **macOS window chrome** — the familiar red/yellow/green traffic lights - **Markdown rendering** — headings, bold, code blocks, lists, links, tables all styled - **Google Fonts** — each theme loads its own curated typeface - **CJK support** — Chinese, Japanese, Korean text renders correctly - **Retina ready** — 2x resolution for crisp images on HiDPI displays ## Use Cases - Share Claude's code explanations on **Slack** or **Discord** - Drop Claude's analysis into **Notion**, **Google Docs**, or **Confluence** - Add polished code screenshots to **presentations** or **blog posts** - Post Claude's answers on **Twitter/X** or **LinkedIn** - Save beautifully formatted responses for **documentation** ## Requirements | | Requirement | |---|---| | Runtime | **Node.js** >= 18 | | macOS | Works out of the box | | Linux | `xclip` or `xsel` (`sudo apt install xclip`) | ## Standalone Usage You can also use the script directly outside of Claude Code: ```bash cd skills/copy-as-image && npm install # With a theme echo "# Hello **World**" | node scripts/copy-as-image.mjs --theme glassmorphism # From a file node scripts/copy-as-image.mjs my-notes.md --theme one-dark-carbon # Save to file instead of clipboard node scripts/copy-as-image.mjs my-notes.md --out output.png # List all themes node scripts/copy-as-image.mjs --list-themes ``` ## License MIT

copy-as-image

Installation

SKILL.md