Diagram To Image

Converts Mermaid diagrams and Markdown tables to PNG images using the mermaid-red API at diagramless.xyz. Handy when you need visual exports for X/Twitter or platforms that don't support rich formatting. The smart part is how it figures out where to save files: it looks for existing image directories in your project (./images, ./assets, ./public/images), analyzes the diagram content to generate meaningful filenames like auth-flow.png or model-comparison.png, and considers conversation context. Supports ten themes including ocean and midnight, works via a bundled Node script with no npm install, and handles both diagram types through the same command with auto-detection. Beats spinning up local rendering dependencies when you just need a quick export.

Install to Claude Code

npx -y skills add sugarforever/01coder-agent-skills --skill diagram-to-image --agent claude-code