imgly/codesign

**The design layer for the agent era.**
CoDesign gives your coding agent a real design engine. Generate, edit, and
automate _fully editable_ designs — print, social, and video — straight from
the chat, then export print-ready PDFs, images, mp4 video, and more. You steer, the agent
edits the same scene, and you keep control of the outcome.
It ships as an MCP server (plus a Claude Code plugin) that hands your agent
IMG.LY's CE.SDK CreativeEngine — the same production engine behind IMG.LY's
commercial SDKs. Every recipe below spawns the published npm package
@imgly/codesign-mcp over stdio; no separate install step — npx fetches it on first
use.
What you can make
Ask your agent, in plain language:
- **Resize for every channel** — _"Take this Instagram post and make the
Story, LinkedIn and X versions."_
- **Make an image editable** (needs the free IMG.LY sign-in) — _"Split this
flat product photo into layers, put the product on our brand background and
make it editable."_
- **Restyle an existing PDF** — _"Import this datasheet.pdf as an editable
design, restyle it with our brand kit, and export A4 and web versions."_
- **Generate many from a CSV** — _"One speaker card per row in speakers.csv,
same template, all editable."_
- **Prepare for print** — _"Turn this flyer into an A4 print PDF with 3 mm
bleed and CMYK."_
- **Update an existing design** — _"Open last year's flyer.psd, swap the date
and venue, export again."_
- **Localize a design** — _"Translate this poster into German and re-fit the
layout so nothing overflows."_
- **Make a short video** (generated music and voiceover need the free IMG.LY
sign-in) — _"Turn this poster into a 15-second vertical reel: animate the
headline in, cut between the three product shots, and put a music bed and a
voiceover under it."_
- **Create a launch graphic** — _"Make the v2.0 launch graphic with our logo
and brand colors, in X, LinkedIn and OG-image sizes."_
- **Create App Store graphics** — _"Make the App Store screenshots and the
Play Store feature graphic from these five screen captures, on-brand, all
sizes."_
How it works
Three layers, one product:
- **The plugin** — skills, slash commands, and an embedded design handbook your
agent draws on to design _well_ (brand, localize, resize, and quality-check
its own output). This is the piece you install.
- **The MCP server** (@imgly/codesign-mcp) — exposes the design tools (edit,
preview, export, list, history, …) over MCP, driven by tool calls
from any agent host.
- **The CE.SDK CreativeEngine** — IMG.LY's real, headless design engine that
does the actual layout, rendering, and export.
Licensing
This repository — the Claude Code and Codex plugins, marketplace manifests,
skills and documentation — is released under the MIT License.
The CoDesign engine itself, distributed as the npm package @imgly/codesign-mcp, is
proprietary software from IMG.LY and free to use locally. The full terms ship
inside the package as LICENSE.md.
Why a real engine matters
Every other design agent draws on a web canvas — a quick fix that breaks on the
hard problems. CoDesign commands a production engine matured over years across
print, video, and social: