fireworks-tech-graph

The fireworks-tech-graph skill provides a framework for generating technical diagrams in SVG format, which can be exported to PNG. It includes templates, style references, and helper scripts for validation and conversion.

12.5K
Installs
6
Use cases
9/10
Quality

Is fireworks-tech-graph safe to install?

Review the source first

Review the source first: our audit of fireworks-tech-graph's source files found 7 shell commands, 1 external URL, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill executes shell commands and Python scripts to generate and validate files. It reads local style and icon reference files and writes SVG and PNG files to the local filesystem.

How we audit skills: our security review methodology.

Who is this skill for?

Developers and technical writers who need to create architecture, sequence, flowchart, or UML diagrams programmatically.

What can you do with it?

  • Generating architecture diagrams for system design
  • Creating sequence diagrams for message exchanges
  • Visualizing agent and memory architectures
  • Drafting flowcharts and process diagrams
  • Building ER diagrams for database schemas
  • Creating UML class and use case diagrams

How good is this skill?

Quality score: 9/10. The skill provides comprehensive documentation, clear workflow steps, and specific layout rules for various diagram types. The inclusion of helper scripts for validation significantly improves reliability.

What does the skill file contain?

SKILL.md
# Fireworks Tech Graph

Generate production-quality SVG technical diagrams exported as PNG via `cairosvg` (recommended), `rsvg-convert`, or `puppeteer`.

## 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...

Frequently asked questions

How do I generate a diagram?

Follow the workflow: classify the type, extract structure, load a style reference, map nodes to shapes, write the SVG, validate the XML, and export to PNG using the provided scripts.

Which diagram types are supported?

The skill supports architecture, data flow, flowchart, agent architecture, memory architecture, sequence, comparison matrix, timeline, mind map, class, use case, state machine, ER, and network topology diagrams.

What are the helper scripts for?

The scripts in the scripts/ directory provide stable SVG generation, template-based creation, XML syntax validation, and batch testing of styles.

Data sourced from yizhiyanhua-ai/fireworks-tech-graph on GitHub. Install counts from skills.sh. The summary and security audit are derived from the skill's source files: every command and URL listed appears verbatim in the source.

Related skills

simple

221.4K

Developers and project managers who need a fast, lightweight decision-making process for feature design or component creation

A structured brainstorming framework for architectural and creative tasks that guides users from discovery to decision-making through a defined process flow.

nonebrainstormingarchitectureroin-orca

vue-best-practices

24.1K

Vue

This skill provides a structured workflow for Vue.js development, mandating the use of the Composition API, TypeScript, and specific architectural patterns. It requires developers to plan component boundaries, follow strict SFC structure, and apply core reactivity and data flow principles before implementing features.

lowvuetypescripthyf0

flutter-apply-architecture-best-practices

21.6K

Flutter developers building new projects or refactoring existing codebases for scalability

This skill provides a structured architectural framework for Flutter applications, enforcing a layered approach consisting of UI, Logic, and Data layers.

noneflutterarchitectureflutter

design-doc-mermaid

17.3K

Developers, system architects, and technical writers who need to document software architecture, workflows, and API interactions using Mermaid diagrams

The design-doc-mermaid skill generates Mermaid diagrams and design documentation from text descriptions or source code. It provides specialized guides for activity, deployment, architecture, and sequence diagrams, alongside Python utilities for diagram extraction, validation, and image conversion.

highmermaiddocumentationspillwavesolutions