General skillImage generation and editing
image-studio
Generate reusable marketing graphics from HTML and CSS inside Claude Code.
Generate reusable marketing graphics from HTML and CSS inside Claude Code.
image-studio turns a plain-language design request into HTML and CSS, then renders it as a sized PNG or JPEG with headless Chromium. It supports ads, social cards, thumbnails, and other static formats, while its reverse-template workflow can convert an existing ad screenshot or URL into a parameterized template for versioning and batch variants. It requires Node.js and Playwright's Chromium download.
Resource types
Use cases
Platforms
Generate, edit, and compose images inside coding agents, with a visual check before delivery.
Create consistent 16:9 chibi illustrations for Chinese articles.
Runtime
Capabilities
Public GitHub facts last synced Jul 10, 2026.
Generate images from Markdown prompts and return optimized Cloudinary URLs.
Generate ecommerce main, selling-point, promotion, and detail images through an MCP skill.