claudegoodies
Skill

fireworks-tech-graph

From yizhiyanhua-ai

>-

Generates geometry-validated SVG/PNG/HTML technical diagrams (architecture, sequence, C4, network, UML) from descriptions.

Use it when

  • Need software architecture, flowchart, sequence, or C4 diagrams from a text description
  • Want SVG output validated for XML/tag/marker correctness before PNG export
  • Building cloud deployment, event-stream, or observability diagrams with defined styles
  • Working in both Claude Code and Codex with shared skill files

Skip it if

  • You need photos, decorative artwork, or raster image editing
  • You need quantitative data charts (bar/line/pie) rather than technical diagrams
  • You don't have cairosvg or another SVG-to-PNG renderer available
  • You want a single quick diagram without a multi-step classify/layout/validate workflow

Facts

Repository
yizhiyanhua-ai/fireworks-tech-graph
Status
Actively maintained
Last commit
Source file
SKILL.md

Source preview

The instructions Claude Code reads when this skill runs.

# Fireworks Tech Graph

Generate geometry-checked SVG technical diagrams, high-resolution PNG, 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.

- In Claude Code, use `${CLAUDE_SKILL_DIR}`.
- In Codex, use the absolute skill directory shown in the loaded skill metadata.

Every command block below sets `SKILL_ROOT` itself. In Codex, replace `/absolute/path/from-codex-skill-metadata` with the absolute skill directory before running the command.

## Helper Scripts (Recommended)

The unified `scripts/fireworks.py` CLI and compatibility helpers provide stable rendering, geometry validation, inspection, and export:

### 1. `generate-diagram.sh` - Validate SVG + export PNG
```bash
SKILL_ROOT="${CLAUDE_SKILL_DIR:-/absolute/path/from-codex-skill-metadata}"
"$SKILL_ROOT/scripts/generate-diagram.sh" -t architecture -s 1 -o ./output/arch.svg
```
- Validates an ex
View full source on GitHub →

Other skills