Fireworks Tech Graph
Turn English or Chinese descriptions into technical SVG diagrams with Codex or Claude Code. Create architecture and workflow diagrams, export PNG or offline interactive HTML, and animate supported scenes as GIFs.
Find workflows for creating and adapting images for articles, social posts, and visual explanations.
53 skillsTurn English or Chinese descriptions into technical SVG diagrams with Codex or Claude Code. Create architecture and workflow diagrams, export PNG or offline interactive HTML, and animate supported scenes as GIFs.
Transform text content into professional Mermaid diagrams for presentations and documentation.
Create animated and explorable diagrams from compact JSON specifications, with scripted layout, styling, motion, and export workflows.
Create Mermaid diagrams and design documents from requirements or source code using focused reference guides.
Create explorable HTML diagrams for architectures, workflows, state, schemas, timelines and everyday plans.
Create editorial diagrams in your brand with an AI agent. Supports architecture, flowcharts, data charts, and redraws from Mermaid, draw.io, and Excalidraw, with HTML, SVG, and PNG output.
Turn systems, code changes and plans into visual HTML pages, diagrams and slide decks.
Extract business concepts and workflows into an interactive domain flow graph.
Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections.
Trace real triggers, call chains, payloads and state changes into compact ASCII flow diagrams.
Create and render Mermaid diagrams as themed SVG, PNG, or terminal-friendly text for architecture notes, READMEs, and technical discussions.
Create editable draw.io diagrams from descriptions, code, infrastructure, and data schemas.
Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). Triggers on "Excalidraw", "diagram", "standard excalidraw", "animate".
Explain a technical topic with a concise diagram, code sketch or focused HTML artifact.
Generate self-contained HTML visualizations with Plannotator theming.
Choose six Skills for hand-drawn illustrations, social cards, video quote collages, animated images, diagrams and infographics.
Find workflows for creating and adapting images for articles, social posts, and visual explanations.