space-chart-image

Generate styled chart images from text descriptions using AI image generation models.

Updated Aug 16, 2026
One-click install
npx skills add https://github.com/chuanyue98/skillhub --skill space-chart-image-chuanyue98
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: space-chart-image
Source: https://github.com/chuanyue98/skillhub/tree/main/vendored/SpaceZephyr/creator-buddy/gzh-Skills/space-chart-image
Command: npx skills add https://github.com/chuanyue98/skillhub --skill space-chart-image-chuanyue98

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Turning written content into polished visual charts for articles and presentations normally requires design tools and manual layout work. This Skill converts a text description directly into a finished chart image (PNG) suitable for WeChat official account posts and other publications. ## Core Features & Use Cases - 10 Chart Types: Flowcharts, architecture diagrams, ER diagrams, business model canvases, user journey maps, mind maps, competitive analysis charts, SWOT analyses, product roadmaps, and org charts, with automatic type detection from your description. - 6 Visual Styles: blueprint, notion, sketch-notes, corporate, dark-atmospheric, and watercolor, with automatic style recommendation per chart type. - Guided Workflow: Identifies the chart type, collects missing content, confirms style/audience/count with you, builds a Chinese-language prompt, and generates the image via built-in image models (Codex image_gen/image2, workbuddy) or a fallback LabNana API script. - Use Case: Paste a paragraph describing your user registration flow and ask for a flowchart; the Skill confirms a blueprint style and outputs a 16:9 Chinese-labeled PNG saved to your pictures directory. ## Quick Start Ask the AI to draw a blueprint-style flowchart of your user registration process as a WeChat article illustration.

Frequently Asked Questions about space-chart-image

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

FAQPage Schema
How do I generate a flowchart image from a text description?▼

Describe your process steps in plain language and ask for a flowchart. The Skill detects the chart type, asks you to confirm a visual style, audience, and image count, then builds a prompt and generates a PNG via the built-in image model.

What chart types can AI image generation produce?▼

This Skill supports ten types: flowcharts, architecture diagrams, ER diagrams, business model canvases, user journey maps, mind maps, competitive analysis charts, SWOT analyses, product roadmaps, and org charts. It auto-detects the type from your description if you do not name one.

Do I need an API key to generate chart images?▼

No key is needed when your environment has a built-in image model such as Codex image_gen/image2 or workbuddy. Only the fallback path requires a LabNana API key configured in a .labnana.env file for the generate_chart.py script.

Can I choose the visual style of the generated diagram?▼

Yes, six styles are available: blueprint, notion, sketch-notes, corporate, dark-atmospheric, and watercolor. If you do not specify one, the Skill recommends a style based on the chart type and asks for your confirmation before generating.

What image sizes and formats does chart generation output?▼

Output is PNG at 2K resolution, defaulting to 16:9 aspect ratio, with 21:9 used for wide layouts like the business model canvas. Files are saved to your pictures directory with date-based names, and multiple style variants can be generated in one run.