Skip to content

🎨 Graphic Designer CLI

@spectratools/graphic-designer-cli is a deterministic visual content generator — code screenshots, terminal shots, flowcharts, and infographics. No browser dependency.

Use it to create:

  • code screenshots with syntax highlighting
  • terminal session captures
  • flowcharts and diagrams
  • infographics and visual layouts

Connection routing modes: auto, orthogonal, curve, arc. You can also set layout.diagramCenter to explicitly control curve/arc bow direction.

It is designed for:

  • developers who need shareable code visuals without browser tools
  • content creators generating consistent, reproducible graphics
  • agents/automation that need deterministic image generation

Install

bash
npx @spectratools/graphic-designer-cli --help
bash
npm install -g @spectratools/graphic-designer-cli
bash
pnpm add -g @spectratools/graphic-designer-cli

Quick examples

bash
# Generate a code screenshot
design template code --file src/index.ts --out screenshot.png

# Create a terminal shot
design template terminal --command "pnpm test" --output "✓ 42 tests passed" --out terminal.png

Reference