Pic Gen
Generate README covers, Mermaid diagrams, social cards, and terminal screenshots from your agent without leaving the editor.
Overview
Pic Gen is an MCP server for the Build phase that generates covers, Mermaid diagrams, cards, and terminal images for documentation and AI workflows.
What is this MCP server?
- Covers, Mermaid diagrams, cards, and terminal screenshot/image generation in one MCP server
- npm package pic-gen v1.3.1 with stdio MCP transport
- stdio transport for Claude Code, Cursor, and other MCP hosts
- GitHub source at jqknono/pic-gen for version pinning
- Server schema version 1.3.1 on npm identifier pic-gen
- Four artifact families: covers, Mermaid, cards, terminal screenshots
What problem does it solve?
Solo builders waste cycles exporting diagrams and hero images manually instead of letting the agent produce docs-ready visuals in one step.
Who is it for?
Indie hackers documenting a SaaS or agent project who want Mermaid and cover art generated inside Claude Code or Cursor.
Skip if: Teams needing brand-controlled Figma pipelines, photo editing, or video production.
What do I get? / Deliverables
After you register Pic Gen, your agent can create covers, diagrams, cards, and terminal screenshots on demand while you write READMEs and launch copy.
- Generated cover or card images for repos and posts
- Rendered Mermaid diagram images
- Terminal-style screenshot images for docs
Recommended MCP Servers
Journey fit
Visual assets land during build when you document features, ship changelogs, and wire AI workflows that need diagrams and preview images. Docs subphase is the canonical shelf because covers and Mermaid output attach to READMEs, specs, and internal guides—not production runtime code.
How it compares
MCP image-and-diagram generator, not a markdown-writing skill or browser automation server.
Common Questions / FAQ
Who is Pic Gen for?
Solo and indie builders using MCP-enabled agents who need covers, Mermaid renders, cards, and terminal screenshots for docs and distribution.
When should I use Pic Gen?
Use it while building and writing docs—README hero images, architecture Mermaid diagrams, changelog cards, or CLI demo screenshots.
How do I add Pic Gen to my agent?
Install the npm package pic-gen, add the MCP server to your host config with stdio transport, then invoke its image and diagram tools from chat.