Use when the user wants to create any technical diagram - architecture, data flow, flowchart, sequence, agent/memory, or concept map - and export as SVG+PNG. Trigger on: "画图" "帮我画" "生成图" "做个图" "架构图" "流程图" "可视化一下" "出图" "generate diagram" "draw diagram" "visualize" or any system/flow description the user wants illustrated.
Detected risks:
The 'fireworks-tech-graph' skill enables users to generate high-quality technical diagrams, including architecture diagrams, data flow charts, flowcharts, sequence diagrams, agent/memory diagrams, and concept maps. It helps users who need quick and accurate visual representations of complex systems or processes. The skill outputs SVG files that are exportable as PNG images, providing both flexibility and scalability for technical documentation, presentations, and system design visualizations. This skill effectively bridges the gap between textual descriptions and visual communication, allowing users to visualize complex concepts without having to manually design the diagrams themselves.
You can install the skill by running the command `npx skills add yizhiyanhua-ai/fireworks-tech-graph`.
The recommended helper scripts are 'generate-diagram.sh', 'generate-from-template.py', 'validate-svg.sh', and 'test-all-styles.sh'. These scripts help with generating, validating, and testing SVG diagrams.
Yes, you can edit the SVG files directly, especially if you're working with simple diagrams or prototypes. However, for more complex diagrams, it's recommended to use the provided helper scripts to ensure syntax validation.
The skill requires a Node.js environment and the 'rsvg-convert' tool for converting SVG to PNG. You also need Python for running certain scripts like 'generate-from-template.py'.
This skill supports various diagram types, including architecture, data flow, flowchart, sequence, agent/memory, and concept maps.
Quick Setup:
.claude/skills/Repository
yizhiyanhua-ai/fireworks-tech-graph