smart-illustrator

Generate illustrations for articles, slides, and covers using Gemini, Excalidraw, or Mermaid.

1|Updated Feb 27, 2026
One-click install
npx skills add https://github.com/gatieme/agent-toolkit --skill smart-illustrator-gatieme
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: smart-illustrator
Source: https://github.com/gatieme/agent-toolkit/tree/main/skills/smart-illustrator
Command: npx skills add https://github.com/gatieme/agent-toolkit --skill smart-illustrator-gatieme

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @mermaid-js/mermaid-cli, playwright, bun, and includes scripts (resource) and references (resource) and styles (resource) components.

What problem does it solve?

This Skill automates the creation of visual content for articles, presentations, and social media, eliminating the time-consuming process of manual design or finding generic stock images.

Core Features & Use Cases

  • Tri-Engine System: Intelligently selects Gemini (creative visuals), Excalidraw (hand-drawn diagrams), or Mermaid (structured diagrams) based on content.
  • Smart Position Detection: Analyzes article structure to place illustrations optimally.
  • Use Case: Generate contextual illustrations for a blog post, create a YouTube thumbnail from an article's topic, or produce a set of infographics for a presentation slide deck.

Quick Start

Use the smart-illustrator skill to generate illustrations for the article located at path/to/article.md.

Frequently Asked Questions about smart-illustrator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automatically generate illustrations for a markdown article?

To automatically generate illustrations for a markdown article, use the skill to analyze content structure and create contextual visuals. It detects optimal placement positions and generates images using Gemini, Excalidraw, or Mermaid based on your defined styles.

What is the best way to create presentation slides and cover images from existing text?

The best way to create presentation slides and cover images from text is using a tri-engine system that intelligently selects Gemini for creative visuals, Excalidraw for hand-drawn diagrams, or Mermaid for structured diagrams, outputting platform-specific aspect ratios.

Do I need a Gemini API key and Bun runtime to generate AI art for digital content?

Yes, you need a Gemini API key and the Bun runtime to generate AI art for digital content. Optionally, you must also install Mermaid CLI and Playwright if you need to export specific structured diagrams.

Can I use Excalidraw and Mermaid to create hand-drawn and structured diagrams for blog posts?

Yes, you can use Excalidraw and Mermaid to create hand-drawn and structured diagrams for blog posts. The system analyzes your content and automatically selects the appropriate engine to generate the matching visual illustration.

Why does exporting Mermaid diagrams require Playwright?

Exporting Mermaid diagrams requires Playwright because it provides the headless browser environment needed to render the structured diagrams into image formats. Without Playwright and Mermaid CLI installed, specific diagram exports cannot be generated.