Anatomy Isometric Figures
Security scan passedHas your agent explain a technical idea as an interactive isometric figure of a real machine, built from many small shaded parts.
Use when building a screen from a prepared Figma design pack — a design.md, a spec.json and an assets/ directory produc…
Part of pixiv CharcoalPack · 6 skills
by pixiv· DesignUnclaimed · Yours? Claim it
About
Use when building a screen from a prepared Figma design pack — a design.md, a spec.json and an assets/ directory produced by prepare-figma-design — and when checking that what you built matches it. Needs no Figma access, no token and no Dev Mode seat. If there is no pack yet, prepare-figma-design makes one from a figma.com link.
Skills people install alongside implement-figma-design.
Runs on your machine.
Runs on your machine.
Runs on your machine.
Runs on your machine.
npx -y degit pixiv/charcoal/skills/implement-figma-design ~/.copilot/skills/implement-figma-design
Runs on your machine.
npx -y degit pixiv/charcoal/skills/implement-figma-design ~/.cursor/skills/implement-figma-design
Runs on your machine.
npx -y degit pixiv/charcoal/skills/implement-figma-design ~/.claude/skills/implement-figma-design
/plugin marketplace add pixiv/charcoal /plugin install charcoal@charcoal
Runs on your machine.
npx -y degit pixiv/charcoal/skills/implement-figma-design ~/.agents/skills/implement-figma-design
Runs on your machine.
Runs on your machine.
npx -y degit pixiv/charcoal/skills/implement-figma-design ~/.gemini/skills/implement-figma-design
Runs on your machine.
npx -y degit pixiv/charcoal/skills/implement-figma-design .agents/skills/implement-figma-design
Runs on your machine.
npx -y degit pixiv/charcoal/skills/implement-figma-design ~/.openclaw/skills/implement-figma-design
Runs on your machine.
npx -y degit pixiv/charcoal/skills/implement-figma-design ~/.config/opencode/skills/implement-figma-design
Runs on your machine.
npx -y degit pixiv/charcoal/skills/implement-figma-design ~/.hermes/skills/implement-figma-design
Scanned and passed · checked 1 h ago
From people who use it
Step by step
Nothing new reaches your agent until a person has looked at it.
Scanned on every change, and again when our rules improve.
No reviews yet. Used implement-figma-design? Say how it went.
Write a reviewNobody has shared how they use implement-figma-design yet.
Security scan
Passed
Safe to install in every agent it supports. Runs in your agent, as instructions.
Skills people install alongside implement-figma-design.
Has your agent explain a technical idea as an interactive isometric figure of a real machine, built from many small shaded parts.
A community skill that turns a description, code, Terraform, SQL or API schemas into editable draw.io diagrams, and keeps them in sync.
Turns your agent into a disciplined logo designer, from the brief to tested SVG concepts, lockups, icons and brand guidelines.
Turns one approved character still into a game-ready sprite set: every action animated, keyed, looped and exported for your engine.