fireworks-tech-graphlisted

# Fireworks Tech Graph Generate production-quality SVG technical diagrams exported as PNG via `rsvg-convert`. ## Install Source Install this skill from GitHub: ```bash npx skills add yizhiyanhua-ai/fireworks-tech-graph ``` Public package page: ```text https://www.npmjs.com/package/@yizhiyanhua-ai/fireworks-tech-graph ``` Do not pass `@yizhiyanhua-ai/fireworks-tech-graph` directly to `skills add`, because the CLI expects a GitHub or local repository source. Update command: ```bash npx skills add yizhiyanhua-ai/fireworks-tech-graph --force -g -y ``` ## Helper Scripts (Recommended) Four helper scripts in `scripts/` directory provide stable SVG generation and validation: ### 1. `generate-diagram.sh` - Validate SVG + export PNG ```bash ./scripts/generate-diagram.sh -t architecture -s 1 -o ./output/arch.svg ``` - Validates an existing SVG file - Exports PNG after validation - Example: `./scripts/generate-diagram.sh -t architecture -s 1 -o ./output/arch.svg` ### 2. `generate-from-template.py` - Create starter SVG from template ```bash python3 ./scripts/generate-from-template.py architecture ./output/arch.svg '{"title":"My Diagram","nodes":[],"arrows":[]}' ``` - Loads a built-in SVG template - Renders nodes, arrows, and legend entries from JSON input - Escapes text content to keep output XML-valid ### 3. `validate-svg.sh` - Validate SVG syntax ```bash ./scripts/validate-svg.sh <svg-file> ``` - Checks XML syntax - Verifies tag balance - Validates marker references - Chec