Generate Image
ynulihao/AgentSkillOS
Generate or edit images using AI models (FLUX, Gemini). An agent skill from ynulihao/AgentSkillOS.
Generate Guizang-style material illustrations, labeled explanatory visuals, material-styled chart illustrations, and data-first editorial images from articles, notes, product concepts, workplace…
Install Guizang Material Illustration
$ npx skills add op7418/guizang-material-illustration --skill guizang-material-illustration -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install op7418/guizang-material-illustration guizang-material-illustration --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
Claude Code skills documentation · loads skills from .claude/skills/
Install the "guizang-material-illustration" agent skill from https://github.com/op7418/guizang-material-illustration/tree/main into .claude/skills/guizang-material-illustration/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "guizang-material-illustration", 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.
$ npx skills add op7418/guizang-material-illustration --skill guizang-material-illustration -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install op7418/guizang-material-illustration guizang-material-illustration --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "guizang-material-illustration" agent skill from https://github.com/op7418/guizang-material-illustration/tree/main into .agents/skills/guizang-material-illustration/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "guizang-material-illustration", 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 op7418/guizang-material-illustration --skill guizang-material-illustration -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install op7418/guizang-material-illustration guizang-material-illustration --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "guizang-material-illustration" agent skill from https://github.com/op7418/guizang-material-illustration/tree/main into .cursor/skills/guizang-material-illustration/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "guizang-material-illustration", 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.
$ npx skills add op7418/guizang-material-illustration --skill guizang-material-illustration -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install op7418/guizang-material-illustration guizang-material-illustration --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "guizang-material-illustration" agent skill from https://github.com/op7418/guizang-material-illustration/tree/main into .gemini/skills/guizang-material-illustration/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "guizang-material-illustration", 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 op7418/guizang-material-illustration guizang-material-illustrationInstalls 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 op7418/guizang-material-illustration --skill guizang-material-illustration -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "guizang-material-illustration" agent skill from https://github.com/op7418/guizang-material-illustration/tree/main into .github/skills/guizang-material-illustration/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "guizang-material-illustration", 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 op7418/guizang-material-illustration --skill guizang-material-illustration -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install op7418/guizang-material-illustration guizang-material-illustration --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "guizang-material-illustration" agent skill from https://github.com/op7418/guizang-material-illustration/tree/main into .opencode/skills/guizang-material-illustration/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "guizang-material-illustration", 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
guizang-material-illustration- GitHub stars
- 1.2k
- Token cost
- ~1.6k tokens
- SKILL.md length
- 808 words
- Files
- 13 (incl. references, assets)
- Skills in repo
- 1
- Repo updated
- First seen
- Licence
- None found
At a glance
Generate Guizang-style material illustrations, labeled explanatory visuals, material-styled chart illustrations, and data-first editorial images from articles, notes, product concepts, workplace…
- Works in 10 steps: Read the user's source text, screenshot,… → Decide the working mode yourself from… → If the source is a chart screenshot,… → …
- The user asks for 配图
- SKILL.md covers Workflow, Text Rules, Visual System and File Handling, plus 1 more section
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Guizang Material Illustration is an agent skill from 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 reports, creator posts, tutorials, school materials, humanities topics, science explanations, screenshots, or chart data. Use when the user asks for 配图, 带字插图, 解释图, 图解插画, 概念拆解图, 图表美化, 数据图美化, 3D 图表, 汇报配图, 内容配图, 小学课文配图, 生物/化学/物理解释图, 人文类配图, process/loop/system diagrams, or wants GPT-Image / image generation to create…
Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 15 other files, including reference files and assets (for example `HANDOFF.md`, `PRODUCT.md` and `README.md`).
It sits in Media & Creative, covering Image generation, Social media graphics and Slides and decks. The repository describes itself as: 归藏的材质插画 skill：生成带字解释图、图表美化和参考辅助配图。
When your agent uses it
- The user asks for 配图
- Process/loop/system diagrams
- Wants GPT-Image / image generation to create supporting images that can sit inside social cards
Example prompts
- “/guizang-material-illustration”
Workflow steps
10 steps, taken from the first numbered list in SKILL.md.
- Read the user's source text, screenshot, or data and identify the concepts or charts that deserve supporting images.
- Decide the working mode yourself from context. Do not ask the user to choose a mode unless the missing choice would materially change the…
- If the source is a chart screenshot, extract only chart type, title, data, axis labels, axis range, tick labels, units, category order…
- If the concept, entity, object, historical/cultural context, scientific mechanism, species, material, brand, model, or place is likely…
- Compress each non-chart concept into one plain-language explanation and 3-5 visible diagram labels when labels help. Some editorial or…
- Choose a visual structure for each concept
- Write one image prompt per illustration. Make the prompt describe exact label text or chart data, aspect ratio, safe margins, references…
- Generate the images with the imagegen skill or built-in image generation tool when available.
- Inspect each image. If labels are wrong, chart data is wrong, reference cues are misleading, unreadable, or clipped, regenerate with…
- Save prompts and final image paths in the task folder so the image set can be reproduced.
What it can do on your machine
Read from SKILL.md and the folder at commit cf26e19. 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
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
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
Guizang Material Illustration loads about 1.6k tokens when it runs, and up to ~9k if it reads all its reference files. Until then it costs about 155 tokens; SKILL.md has 808 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); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 808 words (~1,613 tokens).
“Create supporting illustrations from source text, screenshots, or chart data. The output is an image-generation prompt plan plus generated raster images when image generation is available.”
- name
- guizang-material-illustration
Files
SKILL.md and 12 other files (references, assets) in the repository root of op7418/guizang-material-illustration.
- SKILL.md
- .gitignore
- HANDOFF.md
- PRODUCT.md
- README.md
- agents/openai.yaml
- assets/prompt-template.md
- references/chart-beautify.md
- references/prompt-patterns.md
- references/qa-checklist.md
- references/reference-gathering.md
- references/use-cases-and-routing.md
- references/visual-style.md
Open the folder on GitHubat commit cf26e19
Compare with similar skills
Guizang Material Illustration 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 |
|---|---|---|---|---|---|---|
| Guizang Material Illustration this skillop7418/guizang-material-illustration | 1.2k | — | ~1.6k | Automated safety check: Pass | None | |
| Generate Imageynulihao/AgentSkillOS | 618 | 10 repos | ~1.7k | Automated safety check: Notes | None | |
| FigureMuuuun/luxas | 1.2k | — | ~1.2k | Automated safety check: Pass | MIT | |
| Strategy Consulting Visualizationkgraph57/mckinsey-style-visualization-skill | 129 | — | ~3.2k | Automated safety check: Pass | MIT | |
| Space Image StudioSpaceZephyr/design-buddy | 176 | — | ~2k | Automated safety check: Pass | None | |
| Canva Designerasgeirtj/system_prompts_leaks | 69k | — | ~2.1k | Automated safety check: Pass | CC0-1.0 |
Similar skills
Figure
Muuuun/luxas
Hybrid figure pipeline (Nano Banana raster + rembg background removal + TikZ vector assembly).
Strategy Consulting Visualization
kgraph57/mckinsey-style-visualization-skill
A skill your agent uses when turning any content into clear, professional visualizations - board slides, reports, proposals, research summaries, training materials, technical diagrams, infographics…
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.
Canva Designer
asgeirtj/system_prompts_leaks
Creates and edits Canva designs, generates images and works with brand kits through the canva CLI and Canva's official MCP server, from decks to social posts.
Paper Illustration
AI4Scientist/nano-scientist
Generate publication-quality AI illustrations for academic papers using Gemini image generation.
Related
Categories
Questions about Guizang Material Illustration
What does Guizang Material Illustration do?
Generate Guizang-style material illustrations, labeled explanatory visuals, material-styled chart illustrations, and data-first editorial images from articles, notes, product concepts, workplace…. Guizang Material Illustration is an agent skill from 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 reports, creator posts, tutorials, school materials, humanities topics, science explanations, screenshots, or chart data.
When should I use Guizang Material Illustration?
Guizang Material Illustration fits situations like: the user asks for 配图; process/loop/system diagrams; wants GPT-Image / image generation to create supporting images that can sit inside social cards.
How do I install Guizang Material Illustration in Claude Code?
Run `npx skills add op7418/guizang-material-illustration --skill guizang-material-illustration -a claude-code`. Or copy the skill folder (the op7418/guizang-material-illustration repository) into .claude/skills/guizang-material-illustration in your project. Claude Code loads it when a task matches its description.
How do I install Guizang Material Illustration in Codex?
Run `npx skills add op7418/guizang-material-illustration --skill guizang-material-illustration -a codex`. Or copy the skill folder (the op7418/guizang-material-illustration repository) into .agents/skills/guizang-material-illustration in your project. Codex loads it when a task matches its description.
Can I use Guizang Material Illustration 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 op7418/guizang-material-illustration --skill guizang-material-illustration -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/guizang-material-illustration, .gemini/skills/guizang-material-illustration, .github/skills/guizang-material-illustration and .opencode/skills/guizang-material-illustration in your project.
What does Guizang Material Illustration need to run?
SKILL.md names no scripts, command-line tools or credentials: Guizang Material Illustration is instructions for the agent only.
Does Guizang Material Illustration access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Guizang Material Illustration 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. Review the folder before installing.
What licence does Guizang Material Illustration use?
No licence was found for Guizang Material Illustration or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Guizang Material Illustration use?
About 1.6k tokens (SKILL.md is roughly 6.5k 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 7.4k tokens, read only when the agent opens those files.
What are the alternatives to Guizang Material Illustration?
Skills that share tags, products or a category with Guizang Material Illustration: Generate Image (ynulihao/AgentSkillOS, 618 stars), Figure (Muuuun/luxas, 1.2k stars), Strategy Consulting Visualization (kgraph57/mckinsey-style-visualization-skill, 129 stars) and Space Image Studio (SpaceZephyr/design-buddy, 176 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Guizang Material Illustration?
op7418 (a GitHub user) maintains it in op7418/guizang-material-illustration, which has 1,192 GitHub stars. The repository was last updated on July 7, 2026.
Source: op7418/guizang-material-illustration on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.