skills.rest
cryborg1211
cryborg1211COMMUNITY
Explore all skills by this author →
GitHub

vc:tech-graph

Generate publish-grade SVG or PNG diagrams from structured data and templates.

Updated May 10, 2026
Search Tags:#automation#architecture#documentation#visualization#svg#diagram-generation#template-driven
One-click install
npx skills add https://github.com/cryborg1211/quant_trading_telegram_bot --skill vc-tech-graph
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vc:tech-graph
Source: https://github.com/cryborg1211/quant_trading_telegram_bot/tree/main/.agents/skills/vc-tech-graph
Command: npx skills add https://github.com/cryborg1211/quant_trading_telegram_bot --skill vc-tech-graph

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires rsvg-convert, and includes scripts (resource) and references (resource) components.

What problem does it solve?

The Tech Graph skill provides a reliable way to generate durable publish-grade diagrams (SVG first, PNG when needed) from structured data, templates, and style references, streamlining documentation and review workflows.

Core Features & Use Cases

  • Template-driven generation across diagram families (architecture, data-flow, flowchart, sequence, memory, use-case, ER, network-topology, and more).
  • Imported asset pack support: templates, fixtures, icons, and style references for consistent visuals.
  • Batch validation and proofing: regression fixtures, SVG validation, and optional PNG export to produce durable artifacts stored under project process folders.
  • Preview and routing guidance: clear guidance on where to place final artifacts and how to review artifacts before publication.

Quick Start

Provide a diagram prompt and run the generator to produce a publish-grade SVG diagram.

Frequently Asked Questions about vc:tech-graph

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate publish-grade SVG architecture diagrams from structured data?▼

To generate publish-grade SVG architecture diagrams from structured data, provide a diagram prompt to the template-driven generator, which uses style references and validation to output fully-validated SVG artifacts.

Can I export PNG diagrams from SVG using rsvg-convert?▼

Yes, you can export PNG proofs from generated SVG diagrams when librsvg is available, utilizing the rsvg-convert dependency to produce optional PNG artifacts for review.

What diagram families are supported for documentation and architecture reviews?▼

Supported diagram families for documentation and architecture reviews include architecture, data-flow, flowchart, sequence, memory, use-case, ER, and network-topology diagrams.

How do I validate SVG diagrams before publishing to project folders?▼

You validate SVG diagrams before publishing by running batch validation against regression fixtures, ensuring the template-driven generator produces durable, fully-validated artifacts stored under process folders.

Do I need to install librsvg to create SVG diagrams for architecture reviews?▼

You do not need to install librsvg to create SVG diagrams for architecture reviews, as SVG generation is the primary output; librsvg is only required for optional PNG proof export.

Does the template-driven diagram generator support imported style references and fixtures?▼

Yes, the template-driven diagram generator supports imported asset packs containing templates, fixtures, icons, and style references to ensure consistent visuals across all generated diagrams.

Related Skills

Explore More Software Engineering Skills→
simplecore-incsimplecore-inc

mermaid

Create Mermaid diagrams from natural language and render them to SVG/PNG/PDF.

Official
Advanced
no-problem-devno-problem-dev

store-icon

Convert SVG icon designs into Apple HIG-compliant 1024x1024 PNG icons.

Official
Intermediate
jg-chalk-iojg-chalk-io

moai-mermaid-diagram-expert

Render Mermaid diagrams into SVG and PNG images via CLI.

Community
Advanced
markwang2658markwang2658
31

concept-diagrams

Create self-contained SVG diagrams as standalone HTML files.

Community
Advanced