πŸ—ΊοΈ
FrontendPython

Fireworks Tech Graph

by yizhiyanhua-ai

Fireworks Tech Graph is a Frontend skill for Claude Code, published by yizhiyanhua-ai in fireworks-tech-graph.

9.9K stars823 forkson yizhiyanhua-ai/fireworks-tech-graphAdded 2026/08/15+1% in starsRepository updated 2026/07/17
agent-workflowsaiclaude-codedeveloper-toolsdiagramssvg
Install in seconds
Install Fireworks Tech Graph
Copy Fireworks Tech Graph into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/yizhiyanhua-ai/fireworks-tech-graph ~/.claude/skills/fireworks-tech-graph

Requires Node.js. Downloads this skill only β€” not the rest of the repository β€” into your Claude Code skills folder.

Without Node.js

git clone https://github.com/yizhiyanhua-ai/fireworks-tech-graph.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
SKILL.md in yizhiyanhua-ai/fireworks-tech-graph
Installs to
~/.claude/skills/fireworks-tech-graph
Collection
The only skill cataloged from this repository
Category
Frontend β€” 567 skills

What Fireworks Tech Graph does

Fireworks Tech Graph creates geometry-checked technical diagrams from natural language, including architecture, flow, sequence, UML, and C4 visuals. Use it to export SVG, PNG, GIF motion, or offline interactive HTML for system and engineering concepts.

Fireworks Tech Graph is cataloged under Frontend on DirSkills. Fireworks Tech Graph comes from a repository tagged agent-workflows, ai, claude-code, developer-tools and diagrams.

Documentation

README

Fireworks Tech Graph

Generate geometry-checked SVG technical diagrams, high-resolution PNG, validated SVG-to-GIF semantic motion, and sanitized offline interactive HTML.

Runtime Compatibility

Use this repository unchanged in both Codex and Claude Code. It follows the Agent Skills layout: SKILL.md is the shared entry point, bundled resources use relative paths, and agents/openai.yaml adds optional Codex UI metadata without affecting Claude Code.

Before reading a reference or running a script, resolve the directory containing this SKILL.md as SKILL_ROOT. Do not assume the current working directory is the skill directory, and do not assume a variable set in one shell call persists into the next.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Fireworks Tech Graph

  • How does Fireworks Tech Graph compare to other Frontend skills?

    Fireworks Tech Graph ranks #90 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Fireworks Tech Graph against them. Open each page to compare what they document and how they install.