skills.rest
rockcookies
rockcookiesCOMMUNITY
Explore all skills by this author →
GitHub

baoyu-infographic

Generate raster infographics by combining 21 layout structures with 22 visual styles.

1|Updated Feb 2, 2026
Search Tags:#data visualization#prompt engineering#layout#image generation#visual design#infographic#content visualization
One-click install
npx skills add https://github.com/rockcookies/skills --skill baoyu-infographic-rockcookies
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: baoyu-infographic
Source: https://github.com/rockcookies/skills/tree/main/skills/baoyu/baoyu-infographic
Command: npx skills add https://github.com/rockcookies/skills --skill baoyu-infographic-rockcookies

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Turning articles, guides, or data into publication-ready infographics requires design decisions about layout, style, and aspect ratio that most users lack the expertise to make consistently. ## Core Features & Use Cases - Layout × Style Matrix: Combines 21 information layouts (bento-grid, funnel, timeline, dense-modules) with 22 visual styles (craft-handmade, chalkboard, retro-pop-grid) to match content type and tone. - Guided Workflow: Analyzes source content, structures it into sections with verbatim data preservation, recommends combinations, and confirms choices before generation. - Multi-Backend Image Generation: Routes prompts to runtime-native image tools (Codex imagegen, Cursor GenerateImage) or external backends, with reference image support and reproducible prompt files. - Use Case: Paste a product buying guide and ask for a high-density infographic; the skill analyzes the content, recommends dense-modules with morandi-journal style, confirms options, and produces a portrait 9:16 image. ## Quick Start Ask the agent to create an infographic from your article or notes, for example: "Create an infographic from this markdown file summarizing the key steps."

Frequently Asked Questions about baoyu-infographic

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

FAQPage Schema
How do I create an infographic from an article with AI?▼

Provide the source content as a file path or pasted text and ask for an infographic. The skill analyzes the content, recommends layout and style combinations, confirms your choices, then generates the image through an available image generation backend.

What layouts and styles are available for infographic generation?▼

There are 21 layouts including bento-grid, linear-progression, funnel, dashboard, and dense-modules, plus 22 styles including craft-handmade, chalkboard, corporate-memphis, and retro-pop-grid. Any layout can be freely combined with any style.

Which image generation backends does this skill support?▼

It resolves backends in priority order: runtime-native tools like Codex imagegen or Cursor GenerateImage first, then codex-imagegen via the codex CLI, then installed non-native backends such as baoyu-image-gen. You can pin a backend with preferred_image_backend in EXTEND.md.

Can I set default preferences for infographic generation?▼

Yes, an EXTEND.md file stores preferred layout, style, aspect ratio, language, and image backend at project or user level. These preferences shape recommendations but never bypass the confirmation step before generation.

Why does the skill ask for confirmation before generating an image?▼

Confirmation is a hard gate by default so you can verify the layout, style, aspect ratio, language, and backend before spending an image generation call. It is skipped only when you explicitly request it with --no-confirm or equivalent wording.

Can I use reference images to guide the infographic style?▼

Yes, pass reference images via --ref or paste them in conversation. They can be used directly as backend reference inputs, or the skill extracts style traits and palette colors from them into the generation prompt.

Related Skills

Explore More Design & Creative Skills→
pkoka888pkoka888
1

content-research-writer

Assemble research-backed content into article outlines with structured notes and citations.

Community
Advanced
nexu-ionexu-io
8.2k

deck-xhs-post

Generate a 9-slide Xiaohongshu deck template with 3:4 aspect ratio.

Official
Intermediate
RooseveltAdvisorsRooseveltAdvisors
1

Media

Generate illustrations, diagrams, and programmatic videos with Remotion.

Community
Advanced
calesthiocalesthio
46.2k

beautiful-mermaid

Render Mermaid diagrams as SVG and PNG using the Beautiful Mermaid library.

Community
Intermediate