Working Notes on Agent Systems/Brad Zhang

@teach_fireworks / X longform

πŸ”„ Fireworks-tech-graph major version update! Thanks again to @berryxia and all my frie...

πŸ”„ Fireworks-tech-graph major version update! Thanks again to @berryxia and all my friends for their support. More than 100,000 exposures were made in one day. I didn’t do anyth...

April 11, 2026 Β· 2 min read

πŸ”„ Fireworks-tech-graph major version update! Thanks again to @berryxia and all my frie...
Figure 1 / source image

πŸ”„ Fireworks-tech-graph major version update!

Thanks again to @berryxia and all my friends for their support.

More than 100,000 exposures were made in one day.

I didn’t do anything today.

After reading everyone’s feedback, I made a major upgrade and update.

According to feedback from fans, we will consider compatibility support for codex, windows and Linux in the future.

Tomorrow we will give priority to the compatibility of codex.

You can send various problems you encounter to the comment area, and I will test and update in time.

tech graph has gone from 5 styles to 7 styles: 1 Added Claude and OpenAI styles 2 From 8 graph types to 14 styles supported by the complete UML standard 3 Added new scripts to turn the exploration experience into a harness experience What this update has done: 🎨 Added 2 official brand styles - Style 6: Claude Official - Warm cream base, Anthropic brand color, suitable for technical documentation and architecture display of the Anthropic ecosystem - Style 7: OpenAI Official β€” pure white background, OpenAI brand color matching, clean and modern minimalism With the addition of the original 5 styles, Feng now covers all scenarios from blogging, making GitHub README, drawing architecture documents to making Keynote presentations πŸ“Š Diagram types 8 β†’ 14, complete UML support.

Previously, there were only common types such as architecture diagrams and sequence diagrams, but now it has completed all 14 standard UML diagrams: Class diagram, component diagram, deployment diagram, package diagram, composite structure diagram, object diagram, use case diagram, activity diagram, state machine diagram, sequence diagram, communication diagram, sequence diagram, interaction overview diagram, ER diagram.

Conduct system design review and technical development Case defense, architecture document precipitation, all done with one Skill πŸ›  New automation script Three scripts have been added to make the generation process more engineering: automatic verification of SVG syntax, batch testing of all styles, and one-click export of PNG.

You no longer need to manually check whether the image is rendered correctly, the script will help you figure it out.

Since SVG debugging costs more tokens, I almost spent more than 100 dollars on debugging today, saving everyone some money, hahaπŸ’° In one sentence: no more need to write DSL in Mermaid, no need to drag and drop, use natural language Describe your system and directly produce publication-level technical diagrams.

Welcome to install, star: πŸ”— #ClaudeCode #SVG #UML #TechDiagram #AI #DiagramAsCode

Figure 2 / source image

Visual summary

Article argument map

Generated from the post's content graph

FORMATTOPICCAPABILITYMARKETcoverscoverscoverscoverssignalssignalssignalssignalsFORMATarticle featureTOPICharness engineeringTOPICai workbenchesTOPICretrievalTOPICtoolingCAPABILITYharness engineeringCAPABILITYAI-native workbenchCAPABILITYdeveloper toolingCAPABILITYtechnical writingCAPABILITYproduct surface
Mermaid outline
flowchart LR
  format-article["article feature"]
  topic-harness-engineering["harness engineering"]
  topic-ai-workbenches["ai workbenches"]
  topic-retrieval["retrieval"]
  topic-tooling["tooling"]
  capability-harness-engineering["harness engineering"]
  capability-ai-native-workbench["AI-native workbench"]
  capability-developer-tooling["developer tooling"]
  capability-technical-writing["technical writing"]
  capability-product-surface["product surface"]
  format-article -->|covers| topic-harness-engineering
  format-article -->|covers| topic-ai-workbenches
  format-article -->|covers| topic-retrieval
  format-article -->|covers| topic-tooling
  format-article -->|signals| capability-harness-engineering
  format-article -->|signals| capability-ai-native-workbench
  format-article -->|signals| capability-developer-tooling
  format-article -->|signals| capability-technical-writing

Visual structure

Essay structure map

Built from summary and key paragraph positions

πŸ”„ Fireworks-tech-graph major version update! Thanks again to @berryxia and all my fr...THESISπŸ”„Fireworks-tech-graphmajor version update!Thanks again toSIGNALπŸ”„Fireworks-tech-graphmajor version update!OPERATORYou can send variousproblems you encounterto the comment area,and I will test andIMPLICATIONWelcome to install,star: πŸ”— #ClaudeCode#SVG #UML #TechDiagram#AI #DiagramAsCode
Mermaid outline
flowchart LR
  thesis["πŸ”„ Fireworks-tech-graph major version update! Thanks again to @berryxia and all my friends for their suppor..."]
  signal["πŸ”„ Fireworks-tech-graph major version update!"]
  operator["You can send various problems you encounter to the comment area, and I will test and update in time."]
  implication["Welcome to install, star: πŸ”— #ClaudeCode #SVG #UML #TechDiagram #AI #DiagramAsCode"]
  thesis -->|frames| signal
  signal -->|develops| operator
  operator -->|lands in| implication

Source: View the original post