What is the Parallel Generation mode?

When an article requires 8 or more illustrations, the skill automatically splits the task among multiple sub-agents to generate images in parallel, significantly reducing total processing time.

Can I use these illustrations on WeChat (公众号)?

Yes, the tool is optimized for WeChat, supporting direct SVG code embedding for animations and static versions that display correctly across mobile and desktop clients.

How are the generated files organized?

The skill includes an archiving feature that saves all generated SVG files into a timestamped directory structure within the skill's local archive folder.

How does the tool determine where to place images?

It analyzes the article structure, typically placing at least one image after every H2 header and every 2-3 significant paragraphs to ensure optimal visual pacing.

Does this skill require external dependencies?

For dynamic and static SVG modes, no extra dependencies are needed. The PNG export mode requires Node.js and Puppeteer to render and convert the SVG files accurately.

SVG Article Illustrator

Name: SVG Article Illustrator
Author: cat-xierluo

bycat-xierluo

•

Content Management

Generates high-quality SVG and PNG illustrations for articles by analyzing content structure and automatically placing conceptual visual elements.

SVG Article Illustrator is a specialized capability designed to transform long-form text into visually engaging content through AI-generated vector graphics. It intelligently analyzes Markdown documents to identify core concepts, plans illustration placement based on headers and paragraph density, and generates consistent, minimalist SVG designs. Supporting dynamic SMIL animations, static SVG embeds, and high-fidelity PNG exports via Puppeteer, it streamlines the production of professional visual assets for technical blogs, documentation sites, and social media platforms like WeChat.

Key Features

01Support for SMIL animations to create interactive and eye-catching dynamic SVG graphics

02Intelligent content analysis for automated illustration planning and placement

03Multi-agent parallel generation for handling high-volume illustration tasks efficiently

0456 GitHub stars

05High-fidelity PNG export with 600 DPI support using headless browser rendering

06Automated archiving system that organizes generated assets by article title and timestamp

Use Cases

01Converting complex documentation into visually digestible summaries through automated SVG generation

02Enhancing technical blog posts with minimalist vector diagrams and conceptual flowcharts

03Automating the visual design process for high-frequency social media and public account articles

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cat-xierluo/legal-skills svg-article-illustrator

For use in Claude.ai and ChatGPT

Download Skill