skills.rest
sagerstack
sagerstackCOMMUNITY
Explore all skills by this author →
GitHub

substacker-images

Generate hero images, diagrams, and code screenshots for Substack drafts.

1|Updated Feb 26, 2026
Search Tags:#image generation#ai#content creation#diagrams#substack#code screenshots
One-click install
npx skills add https://github.com/sagerstack/multimodal-agentic-expense-claim-kit --skill substacker-images
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: substacker-images
Source: https://github.com/sagerstack/multimodal-agentic-expense-claim-kit/tree/main/.claude/skills/substacker-images
Command: npx skills add https://github.com/sagerstack/multimodal-agentic-expense-claim-kit --skill substacker-images

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of all visual assets required for a Substack article, including hero images, technical diagrams, and code screenshots, streamlining the content production workflow.

Core Features & Use Cases

  • AI Image Generation: Creates compelling hero/cover images using various AI models.
  • Diagram Rendering: Generates technical diagrams from Mermaid or D2 code.
  • Code Screenshots: Produces visually appealing screenshots of code snippets.
  • Use Case: After writing a draft, use this Skill to automatically generate all necessary images, update the draft with image references, and prepare the article for publication.

Quick Start

Use the substacker-images skill to generate all visuals for the article draft.

Frequently Asked Questions about substacker-images

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

FAQPage Schema
How do I automatically generate images for my Substack articles?▼

You can automate Substack image generation by using a tool that scans draft articles for image markers, creates an images directory, and updates draft references with generated visuals. This streamlines adding hero images, diagrams, and code screenshots.

What is the best way to create technical diagrams for Substack from text?▼

Creating technical diagrams for Substack is best handled by rendering Mermaid or D2 code within your drafts. Diagram rendering tools process this code to generate the visuals, which are then automatically inserted into your article's image references.

How do I generate code screenshots for my newsletter?▼

To generate code screenshots for a newsletter, you can use the Carbonara API. The tool processes your code snippets to produce visually appealing screenshots, automatically updating your draft with the generated image references.

Do I need specific tools to automate AI image generation for Substack drafts?▼

Automating AI image generation for Substack drafts requires image generation tools, diagram rendering tools like Mermaid CLI or D2, and Carbonara API access. These dependencies are necessary to generate hero images, diagrams, and code screenshots.

Can I update draft articles with generated visuals automatically?▼

Yes, you can update draft articles with generated visuals automatically. The workflow scans drafts for image markers, generates the required images, and updates the draft references directly with the new visual assets.

Related Skills

Explore More Content & Communication Skills→
MattVOLTAMattVOLTA
4

substack-drafter

Convert Markdown or text to Tiptap JSON and create Substack drafts.

Community
Intermediate
exiaoexiao
37

image-generator

Generate article visuals and compile an images manifest.

Community
Intermediate
kienhaminhkienhaminh

gemini-image-gen

Generate and edit images from text prompts using Gemini 2.5 Flash Image.

Community
Advanced
goupup-aigoupup-ai
2

pixel-art

Generate custom pixel art SVG illustrations with configurable color palettes and templates.

Community
Intermediate