One of the most annoying things about writing technical articles: drawing pictures. The...

One of the most annoying things about writing technical articles: drawing pictures.

The structure that is very clear in my mind is always misaligned, the color is ugly, and the export is blurry when I put it on.

So I made fireworks-tech-graph, a Claude Code Skill that specializes in generating technical diagrams.

o...

Usage is very simple - t "Draw a Multi-Agent collaboration diagram: Orchestrator schedules 3 SubAgents, responsible for search, calculation and code execution, and finally converges to Aggregator to output results, glassy style" Then it will: ① Identify the diagram type → Agent architecture diagram ② Assign semantic shapes → Use hexagons for Orchestrator, hexagons for Agent, and cylinders for storage ③ Code arrows with semantic colors → Blue main process, orange control flow, green reading and writing ④ Automatic export SVG + 1920px PNG The whole process does not require writing a DSL or opening any tools.

Just describe it in one sentence and the picture will appear.

Currently supports 8 graph types and 5 visual styles, and all common patterns in the AI/Agent field are built-in (RAG, Mem0, Agentic Search, Multi-Agent, Tool Call, etc.).

Open source, welcome to star and fork 👇