Generate Image
ynulihao/AgentSkillOS
Generate or edit images using AI models (FLUX, Gemini). An agent skill from ynulihao/AgentSkillOS.
Generates a finished chart image directly with GPT-image-2 from a text description, across ten chart types such as flowcharts, architecture diagrams and SWOT grids in six visual styles.
SKILL.md written in Chinese; this summary is our English description.
Install AI Chart Image Generator
$ npx skills add SpaceZephyr/design-buddy --skill space-chart-image -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install SpaceZephyr/design-buddy space-chart-image --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/SpaceZephyr/design-buddy.git skills-src && mkdir -p .claude/skills && cp -r skills-src/space-chart-image .claude/skills/space-chart-image && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "space-chart-image" agent skill from https://github.com/SpaceZephyr/design-buddy/tree/main/space-chart-image into .claude/skills/space-chart-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-chart-image", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/SpaceZephyr/design-buddy/tree/main/space-chart-imageType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add SpaceZephyr/design-buddy --skill space-chart-image -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install SpaceZephyr/design-buddy space-chart-image --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/SpaceZephyr/design-buddy.git skills-src && mkdir -p .agents/skills && cp -r skills-src/space-chart-image .agents/skills/space-chart-image && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "space-chart-image" agent skill from https://github.com/SpaceZephyr/design-buddy/tree/main/space-chart-image into .agents/skills/space-chart-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-chart-image", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add SpaceZephyr/design-buddy --skill space-chart-image -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install SpaceZephyr/design-buddy space-chart-image --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/SpaceZephyr/design-buddy.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/space-chart-image .cursor/skills/space-chart-image && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "space-chart-image" agent skill from https://github.com/SpaceZephyr/design-buddy/tree/main/space-chart-image into .cursor/skills/space-chart-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-chart-image", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/SpaceZephyr/design-buddy.git --path space-chart-image--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add SpaceZephyr/design-buddy --skill space-chart-image -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install SpaceZephyr/design-buddy space-chart-image --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/SpaceZephyr/design-buddy.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/space-chart-image .gemini/skills/space-chart-image && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "space-chart-image" agent skill from https://github.com/SpaceZephyr/design-buddy/tree/main/space-chart-image into .gemini/skills/space-chart-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-chart-image", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install SpaceZephyr/design-buddy space-chart-imageInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add SpaceZephyr/design-buddy --skill space-chart-image -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/SpaceZephyr/design-buddy.git skills-src && mkdir -p .github/skills && cp -r skills-src/space-chart-image .github/skills/space-chart-image && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "space-chart-image" agent skill from https://github.com/SpaceZephyr/design-buddy/tree/main/space-chart-image into .github/skills/space-chart-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-chart-image", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add SpaceZephyr/design-buddy --skill space-chart-image -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install SpaceZephyr/design-buddy space-chart-image --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/SpaceZephyr/design-buddy.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/space-chart-image .opencode/skills/space-chart-image && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "space-chart-image" agent skill from https://github.com/SpaceZephyr/design-buddy/tree/main/space-chart-image into .opencode/skills/space-chart-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-chart-image", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
space-chart-image- GitHub stars
- 174
- Token cost
- ~1.6k tokens
- SKILL.md length
- 360 words
- Files
- 5 (incl. scripts, references)
- Skills in repo
- 16
- Repo updated
- First seen
- Licence
- None found
At a glance
Generates a finished chart image directly with GPT-image-2 from a text description, across ten chart types such as flowcharts, architecture diagrams and SWOT grids in six visual styles.
- Works in 6 steps: ：识别图表类型 → ：收集内容 → 5：用户确认 ⚠️ 必须执行 → …
- Generating a flowchart or architecture diagram as a finished image rather than HTML
- SKILL.md covers 你的角色, 图表类型注册表, 视觉风格系统 and 工作流程, plus 4 more sections
- Runs Python scripts from its folder; calls python3; reaches api.labnana.com
What it does
Unlike a sibling HTML-based chart skill, this one renders a complete PNG image directly through the GPT-image-2 model rather than producing markup. Ten chart types are registered with matching Chinese and English trigger words: flowchart, architecture diagram, ER diagram, business model canvas, user journey map, mind map, competitive analysis chart, SWOT analysis, product roadmap and org chart, and the agent infers the right type from the user's description when none is named, for example treating a step-by-step description as a flowchart or a list of strengths and weaknesses as a SWOT grid.
Six built-in visual styles, blueprint, notion, sketch-notes, corporate, dark-atmospheric and watercolor, each come with a recommended pairing to specific chart types, such as blueprint for architecture and flowchart diagrams or corporate for SWOT and business model canvases, and the agent uses the recommended style unless the user names one directly. The workflow asks at most two or three follow-up questions when needed information is missing, each with concrete default options rather than open-ended prompts, and explicitly confirms the chosen style with the user via a structured question before generating the final image prompt and calling scripts/generate_chart.py.
When your agent uses it
- Generating a flowchart or architecture diagram as a finished image rather than HTML
- Creating a business model canvas, SWOT grid or competitive analysis chart
- Making a user journey map, mind map or org chart in a specific visual style
Example prompts
- “Draw an architecture diagram of our checkout service in blueprint style.”
- “帮我做个SWOT分析图,商务正装风格。”
- “Make a user journey map showing a customer from sign-up to first purchase.”
Requirements
- GPT-image-2 model access
- Python for scripts/generate_chart.py
Workflow steps
6 steps, taken from the step headings in SKILL.md.
- ：识别图表类型
- ：收集内容
- 5：用户确认 ⚠️ 必须执行
- ：生成提示词
- ：调用 API
- ：保存并展示
What it can do on your machine
Read from SKILL.md and the folder at commit f1d835f. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/ (Python), which the agent can run.
Shell commands in SKILL.md call:
python3
From the folder's file list and the shell code blocks in SKILL.md.
Network
Hosts in commands or code, which the agent is likely to contact:
api.labnana.com
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
AI Chart Image Generator loads about 1.6k tokens when it runs, and up to ~5k if it reads all its reference files. Until then it costs about 75 tokens; SKILL.md has 360 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 360 words (~1,599 tokens).
- name
- space-chart-image
Files
SKILL.md and 4 other files (scripts, references) in space-chart-image of SpaceZephyr/design-buddy.
- SKILL.md
- .labnana.env.example
- agents/chart.yaml
- references/chart-prompts.md
- scripts/generate_chart.py
Open the folder on GitHubat commit f1d835f
Compare with similar skills
AI Chart Image Generator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| AI Chart Image Generator this skillSpaceZephyr/design-buddy | 174 | — | ~1.6k | Automated safety check: Pass | None | |
| Generate Imageynulihao/AgentSkillOS | 617 | 10 repos | ~1.7k | Automated safety check: Notes | None | |
| Guizang Material Illustrationop7418/guizang-material-illustration | 1.2k | — | ~1.6k | Automated safety check: Pass | None | |
| Imagensanjay3290/ai-skills | 431 | 7 repos | ~657 | Automated safety check: Pass | Apache-2.0 | |
| Nano Bananakkoppenhaver/cc-nano-banana | 378 | 1 repos | ~1.4k | Automated safety check: Pass | MIT | |
| FigureMuuuun/luxas | 1.2k | — | ~1.2k | Automated safety check: Pass | MIT |
Similar skills
Guizang Material Illustration
op7418/guizang-material-illustration
Generate Guizang-style material illustrations, labeled explanatory visuals, material-styled chart illustrations, and data-first editorial images from articles, notes, product concepts, workplace…
Imagen
sanjay3290/ai-skills
Generate images using Google Gemini's image generation capabilities.
Nano Banana
kkoppenhaver/cc-nano-banana
REQUIRED for all image generation requests. An agent skill from kkoppenhaver/cc-nano-banana.
Figure
Muuuun/luxas
Hybrid figure pipeline (Nano Banana raster + rembg background removal + TikZ vector assembly).
Academic Figures Drawer
M1n-n9/academic-figures-drawer
Create camera-ready, editable draw.io figures from papers, method descriptions, code, or reference images.
More from SpaceZephyr/design-buddy
All 16 skills in this repoSlide Deck Image Generator
SpaceZephyr/design-buddy
Turns written content into designed slide images from an outline, merges them into PPTX or PDF, and can borrow styles from a registry of brand design systems.
WeChat Article Layout
SpaceZephyr/design-buddy
Turns an article into WeChat Official Account HTML with a local preview, a choice of three visual styles and a button that copies the rich HTML.
Article Illustration Batch Generator
SpaceZephyr/design-buddy
Splits a Markdown article by heading, drafts an image prompt for each section, then generates diagrams with the Gemini API and embeds them in the note.
Batch Image Skill Builder
SpaceZephyr/design-buddy
Walks a non-coder through structured questions about scene, style, color, text rules and consistency, then auto-generates a complete, ready-to-use batch image-generation skill.
Space Image Studio
SpaceZephyr/design-buddy
Generates PNG images for four common needs: Xiaohongshu covers, slide illustrations, charts and article logic diagrams, with twelve visual styles and automatic style suggestions.
Batch Logo Generator
SpaceZephyr/design-buddy
Generates ten logo variants in one run from a brand description or an uploaded reference image, with seven style options, using the Gemini image API and saving files to an Obsidian folder.
Related
Categories
Questions about AI Chart Image Generator
What does AI Chart Image Generator do?
Generates a finished chart image directly with GPT-image-2 from a text description, across ten chart types such as flowcharts, architecture diagrams and SWOT grids in six visual styles. Unlike a sibling HTML-based chart skill, this one renders a complete PNG image directly through the GPT-image-2 model rather than producing markup. Ten chart types are registered with matching Chinese and English trigger words: flowchart, architecture diagram, ER diagram, business model canvas, user journey map, mind map, competitive analysis chart, SWOT analysis, product roadmap and org chart, and the agent infers the right type from the user's description when none is named, for example treating a step-by-step description as a flowchart or a list of strengths and weaknesses as a SWOT grid.
When should I use AI Chart Image Generator?
AI Chart Image Generator fits situations like: generating a flowchart or architecture diagram as a finished image rather than HTML; creating a business model canvas, SWOT grid or competitive analysis chart; making a user journey map, mind map or org chart in a specific visual style.
How do I install AI Chart Image Generator in Claude Code?
Run `npx skills add SpaceZephyr/design-buddy --skill space-chart-image -a claude-code`. Or copy the skill folder (space-chart-image in SpaceZephyr/design-buddy) into .claude/skills/space-chart-image in your project. Claude Code loads it when a task matches its description.
How do I install AI Chart Image Generator in Codex?
Run `npx skills add SpaceZephyr/design-buddy --skill space-chart-image -a codex`. Or copy the skill folder (space-chart-image in SpaceZephyr/design-buddy) into .agents/skills/space-chart-image in your project. Codex loads it when a task matches its description.
Can I use AI Chart Image Generator in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add SpaceZephyr/design-buddy --skill space-chart-image -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/space-chart-image, .gemini/skills/space-chart-image, .github/skills/space-chart-image and .opencode/skills/space-chart-image in your project.
What does AI Chart Image Generator need to run?
Going by SKILL.md and its folder, AI Chart Image Generator needs Python for the scripts in its folder and the command-line tools its instructions call (python3). Our summary lists: GPT-image-2 model access; Python for scripts/generate_chart.py.
Does AI Chart Image Generator access the network?
SKILL.md names 1 domain. In commands or code: api.labnana.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.
Is AI Chart Image Generator safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does AI Chart Image Generator use?
No licence was found for AI Chart Image Generator or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does AI Chart Image Generator use?
About 1.6k tokens (SKILL.md is roughly 6.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 3.4k tokens, read only when the agent opens those files.
What are the alternatives to AI Chart Image Generator?
Skills that share tags, products or a category with AI Chart Image Generator: Generate Image (ynulihao/AgentSkillOS, 617 stars), Guizang Material Illustration (op7418/guizang-material-illustration, 1.2k stars), Imagen (sanjay3290/ai-skills, 431 stars) and Nano Banana (kkoppenhaver/cc-nano-banana, 378 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains AI Chart Image Generator?
SpaceZephyr (a GitHub user) maintains it in SpaceZephyr/design-buddy, which has 174 GitHub stars. The repository holds 16 skills in this directory. The repository was last updated on July 6, 2026.
Source: SpaceZephyr/design-buddy on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.