Fireworks Tech Graph
This one generates technical diagrams as SVG and exports them to PNG. It handles architecture diagrams, data flows, flowcharts, sequence diagrams, and agent memory layouts. The workflow is methodical: classify your diagram type, load the right style reference from the included templates, map your components to shapes, write the SVG, validate it, then convert to PNG with cairosvg. It ships with four helper scripts that handle validation and template rendering, which is smart because hand-writing valid SVG gets messy fast. The documentation includes specific layout rules for each diagram type, like how to route arrows in sequence diagrams or structure memory tiers in agent architectures. If you need production diagrams without fighting with Mermaid or Graphviz quirks, this gives you direct control.
- skills.sh installs
- 18.3K
- GitHub stars
- 12K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add yizhiyanhua-ai/fireworks-tech-graph --skill fireworks-tech-graph --agent claude-codeInstalls into .claude/skills of the current project.
Files
Fireworks Tech Graph
One portable Agent Skill for Codex and Claude Code. SVG is the canonical artifact; PNG, offline HTML and supported GIF motion are output routes. Preserve requested labels, topology and meaning; a successful command is not a visual quality verdict.
Locate and select
Resolve the directory containing this file as SKILL_ROOT. Use
${CLAUDE_SKILL_DIR} in Claude Code or the absolute directory in Codex's loaded
skill metadata. Do not assume cwd or a previous shell variable persists.
Use the installed version for the task. Run version for source/version questions
and doctor when diagnosing a missing renderer, font or dependency; do not make
installation, updates or a complete test suite prerequisites for every diagram.
SKILL_ROOT="${CLAUDE_SKILL_DIR:-/absolute/path/from-codex-skill-metadata}"
python3 "$SKILL_ROOT/scripts/fireworks.py" version
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/yizhiyanhua-ai/fireworks-tech-graph
- Categories
- Frontend Development, DevOps & CI/CD, Code Review & Quality, AI & Agent Building, Sales & Marketing, Cloud & Infrastructure, Design & UI/UX
- First seen
- Apr 16, 2026
Recommended
More Frontend Development
here-nowheredotnow/skillhere.now lets agents publish websites and files to live URLs in seconds. Publish HTML, documents, images, PDFs, videos, and static files to live URLs at {slug}.17.9Kskills.sh installs
design-system-patternswshobson/agentsBuild scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing the16.7Kskills.sh installs
clerk-tanstack-patternsclerk/skillsTanStack React Start auth patterns with @clerk/tanstack-react-start - createServerFn, beforeLoad guards, loaders, Vinxi server. Triggers on: TanStack auth, crea16.1Kskills.sh installs
baoyu-diagramjimliu/baoyu-skillsCreate professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines, ill15.9Kskills.sh installs
agentationbenjitaylor/agentationAdd Agentation visual feedback toolbar to a Next.js project13.9Kskills.sh installs
slidevantfu/skillsCreate and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Use 13.8Kskills.sh installs