Building a Claude Code designer agent for multi-page SVG assembly instructions — anyone done this?
Hey everyone,
I've been thinking about whether it's possible to build a solid designer workflow using Claude Code for complex, multi-page layout tasks.
Here's my situation: I have a new corporate identity for my company and I need to produce assembly instructions that I print and also distribute as PDFs (typically 10–25 pages each). I want to automate as much of the layout work as possible.
My rough idea is to set up a Claude Code project with reference data so Claude knows exactly how each page should look, essentially a DESIGN.md with layout rules, typography, spacing, components, etc. I'd then feed it the content per page (text, photos, and so on), and the goal would be to get the output 80% production-ready. Since the files would be SVGs, I could then do the final polish pass in Affinity Designer or similar.
A few open questions I'm trying to figure out:
- Has anyone built something like this that outputs SVG directly?
- Would it be better to generate HTML first (styled to match the design system) and then convert to SVG, or go straight to SVG?
- Single-page generation feels doable, but reliably producing 10–20 pages in one structured run is the real challenge. How have others approached that?
Would love to hear if anyone has tackled something similar.
Posted May 28, 2026, 6:16 AM UTC