102.3K+Download
Skip to the usage guide
Baoyu Article Illustratorby Jim Liu (Baoyu)

Baoyu Article Illustrator Skill.

Illustrate the argument at the right point in the article, rather than decorating every section equally.

  • Editorial Illustration
  • Content Design
Download OpenDesignView Usage Guide
Source Review · Baoyu Article IllustratorSKILL.md
Task Editorial Illustration Produces • An illustration outline with article positions and purposes • Saved, article-specific image prompts and raster assets • Markdown image references inserted beside relevant passages Before You Start An available raster-generation backend and the Skill's reference/configuration files; backend access and cost are separate.
Editorial summary · source reviewed 2026-10-07 · not a generated example

01 What It Does

Place Illustrations Where an Article Needs Explanation

An article-aware illustration workflow with type, style and palette choices, saved prompts and Markdown placement.

Source-based workflowNot an execution benchmark

The Working Approach

Baoyu Article Illustrator starts with article structure and asks where a visual aid would improve understanding. It separates the information form, rendering style and palette, so a process can become a flowchart while a comparison uses a different structure without losing visual consistency. The source encourages visualizing the underlying concept instead of drawing a metaphor literally.

The workflow leaves an outline recording each image's position, purpose and filename, followed by a saved prompt for every illustration. Generated raster images are then referenced from the article with relative Markdown paths. This is editorial illustration planning plus production coordination, not a fact-checking service or a replacement for an available image backend.

Expected Deliverables

  • An illustration outline with article positions and purposes
  • Saved, article-specific image prompts and raster assets
  • Markdown image references inserted beside relevant passages
See the Example Brief

From Brief to Review

  1. 01
    Find the Visual Need

    Read the article's arguments and identify explanations that benefit from a scene, flow, comparison or conceptual structure.

  2. 02
    Confirm the Image System

    Choose type, density, rendering style, palette and language. Preserve supplied data and meaningful reference-image roles.

  3. 03
    Generate and Place

    Save prompts before rendering, inspect labels and concepts, then insert correct relative image references into the article.

02 When to Use It

When to Use It

An available raster-generation backend and the Skill's reference/configuration files; backend access and cost are separate.

A Good Fit

  • Technical ExplainersUseful when a long article contains processes or relationships that are difficult to follow in prose alone.
  • Consistent Editorial SetsFits multiple illustrations that need shared visual treatment but different information structures.

Limits to Check

  • Raster Backend RequiredThe Skill plans and coordinates images but needs an available generation backend. Its source does not treat SVG or HTML as an interchangeable fallback.
  • Article Facts Need Their Own ReviewNumbers and terminology come from the article; the illustration workflow does not independently validate them.

Bring These Inputs

  • Article SourceProvide the complete article and identify content that must remain unchanged.
  • Illustration DensityChoose a small number of essential visuals or a denser section-based treatment.
  • Visual ReferencesExplain whether each reference supplies subject matter, palette or style.

03 Decisions That Matter

Decisions That Matter

  1. Position and Purpose Are Recorded

    An image is attached to a specific explanation, making unnecessary decoration easier to remove.

  2. Independent Design Dimensions

    Information structure can change without forcing a different palette or rendering approach for every figure.

04 Try a Focused Brief

Try a Focused Brief

The example brief below has not been tested. Check the skill’s setup before using it.

Review the Setup

Keep the full folder and complete its preferences setup. Select an actually available image backend before promising rendered illustrations.

Upstream Source File
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-article-illustrator/SKILL.md

An available raster-generation backend and the Skill's reference/configuration files; backend access and cost are separate.

Start With One Deliverable

Adapt the scope, source material and constraints in this brief before running the skill.

Example Brief
Use baoyu-article-illustrator to plan three illustrations for this article about design-token migration. Show where each image belongs and what it explains. Use a consistent restrained palette, but choose a flowchart, comparison or framework only where the content calls for it. Preserve the article's terminology, save prompts before generation and wait for my outline approval.

Inspect the Result

Check the actual output against these observable criteria.

  • Each image clarifies the passage at its insertion point.
  • Labels and data match the article rather than invented examples.
  • Markdown references resolve to inspected image files with a consistent visual treatment.

OpenDesign provides a local design workspace for coding agents. This listing does not mean the skill is bundled or that its external tools, credentials and software dependencies are included.

Download OpenDesignRead the Quickstart

05 Source and License

Source and License

This page describes the pinned source revision linked below. Upstream behavior and requirements can change.

Source Owner
Jim Liu (Baoyu)
Repository
JimLiu/baoyu-skills
Skill File
skills/baoyu-article-illustrator/SKILL.md
License
MIT
Reviewed Snapshot
2026-10-07 · 1567581c26ec
Editorial Source Summary
An article-aware illustration workflow with type, style and palette choices, saved prompts and Markdown placement.

Original summary by OpenDesign, based on the linked source. Repository stars are a dated popularity signal, not skill usage or a quality score.

06 Questions Before You Start

Questions Before You Start

Will it add an image to every heading?

Not necessarily. Density is a deliberate choice, and the source asks where illustrations add value.

How is it different from a cover generator?

It plans multiple in-article visuals and their reading positions; a cover workflow concentrates on one lead image.

What happens when generated labels are wrong?

The source calls for a corrected prompt and regeneration, or a lower-text treatment, rather than painting replacement text over the bitmap.

OpenDesign

Make Room for the Next Design Iteration.

Keep your brief, source material and design work together in a local workspace. Check the skill’s own setup before adding it to your workflow.

Download OpenDesignBrowse Design Skills
Upstream Source File
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-article-illustrator/SKILL.md