fireworks-tech-graph
fireworks tech graph
What it does
- In Claude Code, use ${CLAUDESKILLDIR}.
- In Codex, use the absolute skill directory shown in the loaded skill metadata.
- Validates an existing SVG file
- Exports PNG after validation
- Example: "$SKILLROOT/scripts/generate-diagram.sh" -t architecture -s 1 -o ./output/arch.svg
- Loads a built-in SVG template
- Renders nodes, arrows, and legend entries from JSON input
Requirements & configuration
- 7. Check icon needs — load $SKILLROOT/references/icons.md for known products
Configuration: SKILLSKILL_ROOT
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
fireworks-tech-graph FAQ
What does the fireworks-tech-graph skill do?
>- Create technical diagrams such as software architecture, data flow, flowcharts, sequence diagrams, C4 reviews, cloud deployments, event streams, observability investigations, agent/memory systems, UML, ER, network topology, timelines, and technical concept maps, then export SVG, PNG, focused semantic SVG-to-GIF motion, or offline interactive HTML. Treat direct requests such as "Generate a GIF", "生成 GIF", or "制作 GIF" as motion requests, and use this skill when the user asks to visualize a system or engineering concept. Do not use for photos, raster artwork, or quantitative data charts. In Claude Code, use ${CLAUDESKILLDIR}. In Codex, use the absolute skill directory shown in the loaded skill metadata.
What does fireworks-tech-graph require?
7. Check icon needs — load $SKILLROOT/references/icons.md for known products Configuration keys: SKILL, SKILL_ROOT.
How do I install fireworks-tech-graph?
Run: npx -y skills add https://github.com/yizhiyanhua-ai/fireworks-tech-graph --skill fireworks-tech-graph --agent claude-code — the source lives at github.com/yizhiyanhua-ai/fireworks-tech-graph.
Maintain fireworks-tech-graph?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/yizhiyanhua-ai-fireworks-tech-graph-fireworks-tech-graph?ref=badge) npx agentictools info skills/yizhiyanhua-ai-fireworks-tech-graph-fireworks-tech-graph The second line is the CLI lookup for this page — handy in READMEs and docs.
