Baoyu Article Illustrator
Generate hand-drawn 16:9 infographic illustrations for blog posts and articles without leaving your agent workflow.
Overview
Baoyu Article Illustrator is an agent skill for the Grow phase that turns article content into hand-drawn 16:9 landscape infographic illustrations via nano banana pro.
Install
npx skills add https://github.com/ideacco/baoyu-skills-openclaw --skill baoyu-article-illustratorWhat is this skill?
- Produces landscape 16:9 hand-drawn infographic illustrations—no photorealistic or stock-photo look
- Enforces concise copy, keyword emphasis, whitespace, and clear visual hierarchy on the canvas
- Matches illustration text language and punctuation to the source article automatically
- Uses nano banana pro as the image backend per skill workflow
- First-time EXTEND.md setup blocks other steps until illustrator preferences are saved
- 16:9 landscape aspect ratio for infographic output
- Hand-drawn illustration style required for all text and visuals
Adoption & trust: 1 installs on skills.sh; 12 GitHub stars; 2/3 security scanners passed (skills.sh audits); trending (+100% hot-view momentum).
What problem does it solve?
You have article copy ready to publish but no quick way to produce matching hand-drawn infographic art that follows consistent style rules.
Who is it for?
Solo builders shipping blog posts, newsletters, or tutorial pages who want repeatable cartoon infographic headers and inline graphics from the same agent session as the draft.
Skip if: Teams needing photorealistic hero photography, pure icon packs without article context, or workflows that cannot run an external image generation step.
When should I use this skill?
When you have article or section content that needs a cartoon-style hand-drawn infographic illustration before publish.
What do I get? / Deliverables
You get a language-aligned, keyword-forward infographic illustration sized 16:9 that you can drop into the post after preferences are stored in EXTEND.md on first run.
- 16:9 landscape hand-drawn infographic illustration image aligned to source content language
Recommended Skills
Journey fit
Article and content marketing work clusters in Grow when solo builders publish and compound traffic; illustrated posts are a core content deliverable there. The Content subphase is where long-form posts and newsletters get finished assets; this skill attaches visuals directly to that editorial output.
How it compares
A procedural article-illustration generator skill—not a Figma template library or stock-image MCP search.
Common Questions / FAQ
Who is baoyu-article-illustrator for?
It is for solo and indie builders using Claude Code, Cursor, or similar agents who publish written content and want hand-drawn infographic illustrations without a separate design sprint.
When should I use baoyu-article-illustrator?
Use it in Grow → Content when a draft or outline needs a 16:9 infographic, after copy exists and before you publish or syndicate the article.
Is baoyu-article-illustrator safe to install?
Treat it like any third-party skill that may call image APIs: review the Security Audits panel on this Prism page and confirm you are comfortable with network access before enabling it in production agents.
SKILL.md
READMESKILL.md - Baoyu Article Illustrator
Create a cartoon-style infographic illustration following these guidelines: ## Image Specifications - **Type**: Infographic illustration - **Orientation**: Landscape (horizontal) - **Aspect Ratio**: 16:9 - **Style**: Hand-drawn illustration ## Core Principles - Hand-drawn quality throughout - NO realistic or photographic elements - If content involves sensitive or copyrighted figures, create stylistically similar alternatives - DO NOT refuse to generate - Keep information concise, highlight keywords and core concepts - Use ample whitespace for easy visual scanning - Maintain clear visual hierarchy ## Text Style (When Text Included) - **ALL text MUST be hand-drawn style** - Text should be readable and complement the visual - Font style harmonizes with illustration style - **DO NOT use realistic or computer-generated fonts** ## Language - Use the same language as the content provided below for any text elements - Match punctuation style to the content language --- Please use nano banana pro to generate the illustration based on the content provided below: --- name: first-time-setup description: First-time setup flow for baoyu-article-illustrator preferences --- # First-Time Setup ## Overview When no EXTEND.md is found, guide user through preference setup. **⛔ BLOCKING OPERATION**: This setup MUST complete before ANY other workflow steps. Do NOT: - Ask about reference images - Ask about content/article - Ask about type or style preferences - Proceed to content analysis ONLY ask the questions in this setup flow, save EXTEND.md, then continue. ## Setup Flow ``` No EXTEND.md found │ ▼ ┌─────────────────────┐ │ AskUserQuestion │ │ (all questions) │ └─────────────────────┘ │ ▼ ┌─────────────────────┐ │ Create EXTEND.md │ └─────────────────────┘ │ ▼ Continue to Step 1 ``` ## Questions **Language**: Use user's input language or preferred language for all questions. Do not always use English. Use single AskUserQuestion with multiple questions (AskUserQuestion auto-adds "Other" option): ### Question 1: Watermark ``` header: "Watermark" question: "Watermark text for generated illustrations? Type your watermark content (e.g., name, @handle)" options: - label: "No watermark (Recommended)" description: "No watermark, can enable later in EXTEND.md" ``` Position defaults to bottom-right. ### Question 2: Preferred Style ``` header: "Style" question: "Default illustration style preference? Or type another style name or your custom style" options: - label: "None (Recommended)" description: "Auto-select based on content analysis" - label: "notion" description: "Minimalist hand-drawn line art" - label: "warm" description: "Friendly, approachable, personal" ``` ### Question 3: Save Location ``` header: "Save" question: "Where to save preferences?" options: - label: "Project" description: ".baoyu-skills/ (this project only)" - label: "User" description: "~/.baoyu-skills/ (all projects)" ``` ## Save Locations | Choice | Path | Scope | |--------|------|-------| | Project | `.baoyu-skills/baoyu-article-illustrator/EXTEND.md` | Current project | | User | `~/.baoyu-skills/baoyu-article-illustrator/EXTEND.md` | All projects | ## After Setup 1. Create directory if needed 2. Write EXTEND.md with frontmatter 3. Confirm: "Preferences saved to [path]" 4. Continue to Step 1 ## EXTEND.md Template ```yaml --- version: 1 watermark: enabled: [true/false] content: "[user input or empty]" position: bottom-right opacity: 0.7 preferred_style: name: [selected style or null] description: "" language: null custom_styles: [] --- ``` ## Modifying Preferences Later Users can edit EXTEND.md directly or run setup again: - Delete EXTEND.md to trigger setup - Edit YAML frontmatter for quick changes - Full schema: `config/preferences-schema.md` --- name: preferences-schema description: EXTEND.md YAML schema for baoyu-article-illustrat