guizang-material-illustration — Claude Code skill: install & guide
Builds prompt plans and Guizang-style 3D illustrations from notes, articles, or chart screenshots. Useful when generating diagram assets for slides and social posts.
npx skills add op7418/guizang-material-illustration --skill guizang-material-illustration -a claude-codeWhat guizang-material-illustration does
The skill translates article drafts and chart screenshots into conceptual 3D illustrations. It extracts key concepts from user text, determines an appropriate visual metaphor, and prepares prompt plans for image generation. When reading a chart image, it pulls purely data points and axis labels while discarding original colors or styling.
Each concept maps to a clear visual structure like feedback loops, pipelines, or layered stacks. Short descriptive labels are positioned directly on the illustration. Raster rendering triggers through the environment's built-in image tool or the imagegen skill. Every prompt and generated file path is logged inside a task folder next to PROMPTS.md.
This skill focuses solely on illustration assets. It does not assemble slide layouts. If you need complete social cards or slide decks, place the resulting illustrations into separate presentation templates. Generating raster images requires an active image-generation tool; otherwise, the skill produces prompt blueprints.
What it helps with
- generate 3D concept illustrations from notes and article drafts
- restyle chart screenshots into a cohesive visual format without losing data
- design visual prompts for pipeline, loop, and stack diagrams
- produce standalone image assets for slide decks and social posts
Example prompts for the agent
- Create a 3D diagram illustrating our data pipeline based on this architecture note
- Restyle the chart in chart.png using the Guizang material aesthetic while keeping all data values
- Draft visual prompts and illustrations for a step-by-step workflow tutorial
How to install guizang-material-illustration
1Skills CLI (Vercel)
npx skills add op7418/guizang-material-illustration --skill guizang-material-illustration -a claude-code2Manually: put the files in place
~/.claude/skills/guizang-material-illustration/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/guizang-material-illustration/
1Skills CLI (Vercel)
npx skills add op7418/guizang-material-illustration --skill guizang-material-illustration -a codex2Manually: put the files in place
.agents/skills/guizang-material-illustration/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add op7418/guizang-material-illustration --skill guizang-material-illustration -a cursor2Manually: put the files in place
.cursor/skills/guizang-material-illustration/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install op7418/guizang-material-illustration guizang-material-illustration2Manually: put the files in place
.github/skills/guizang-material-illustration/SKILL.md1Skills CLI (Vercel)
npx skills add op7418/guizang-material-illustration --skill guizang-material-illustration -a gemini-cli2Platform CLI
gemini skills install https://github.com/op7418/guizang-material-illustrationManually: put the files in place
.devin/skills/guizang-material-illustration/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add op7418/guizang-material-illustration --skill guizang-material-illustration -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about guizang-material-illustration
How to install guizang-material-illustration in Claude Code?
Run npx skills add op7418/guizang-material-illustration --skill guizang-material-illustration -a claude-code in your terminal.
What does guizang-material-illustration do?
The skill reads text or data, selects an explanatory visual structure, and prepares prompts to generate 3D material-style illustrations.
Does this skill create full slide decks and social cards?
No, it generates individual illustration assets. You must insert the resulting images into your existing presentation or card templates.
