Working Notes on Agent Systems/Brad Zhang

@teach_fireworks / X longform

fireworks-desgin Big update! Now it’s great. Feel the violent aesthetics of using loops and dynamic workflows

fireworks-desgin Big update! Now it’s great. Feel the violent aesthetics of using loops and dynamic workflows for front-end page design, and you can reach 90 points in...

July 5, 2026 · 1 min read

fireworks-desgin Big update! Now it’s great. Feel the violent aesthetics of using loops and dynamic workflows
Figure 1 / source image

fireworks-desgin Big update! Now it’s great. Feel the violent aesthetics of using loops and dynamic workflows for front-end page design, and you can reach 90 points in one step! Two major updates:

  • /fireworks-design slash command, a command to directly invoke .claude/commands/fireworks-design.md. After installation, do this directly in CC: /fireworks-design Make a landing page for a coffee shop. Then the command will automatically parse the requirements → adjust the workflow → open final.html after running and report the winning style.
  • Added 10 sets of high-quality front-end styles
  • Synthwave - magenta/cyan neon, chrome, perspective grid, coffee made of neon night
  • Bauhaus - three primary colors + geometric primitives + constructivist grid
  • Art Deco - 1920s golden brown symmetry, sunburst/herringbone pattern, luxurious restraint
  • Memphis 80s - terrazzo confetti, wavy lines, postmodern playfulness
  • Risograph - Three-color printing, half-tone dots, deliberate overprinting and misalignment
  • Nordic Scandi - light wood/gray stone, cozy minimalism, hygge warmth
  • Holographic — holographic prism chrome, light refraction, mercury texture
  • Fashion Couture — full-page photography + minimal serifs + extreme white space, Vogue level
  • Punk Zine — photocopy collage, ransom note font, tape, DIY rebellion
  • Claymorphism — soft 3D macarons, expanded rounded corners, clay touch

Visual summary

Article argument map

Generated from the post's content graph

FORMATTOPICCAPABILITYMARKETcoverssignalssignalssignalssignalssignalsFORMATlongform noteTOPICagentsCAPABILITYagent workflowCAPABILITYdeveloper toolingCAPABILITYevaluationCAPABILITYtechnical writingCAPABILITYproduct surface
Mermaid outline
flowchart LR
  format-long_post["longform note"]
  topic-agents["agents"]
  capability-agent-workflow["agent workflow"]
  capability-developer-tooling["developer tooling"]
  capability-evaluation["evaluation"]
  capability-technical-writing["technical writing"]
  capability-product-surface["product surface"]
  format-long_post -->|covers| topic-agents
  format-long_post -->|signals| capability-agent-workflow
  format-long_post -->|signals| capability-developer-tooling
  format-long_post -->|signals| capability-evaluation
  format-long_post -->|signals| capability-technical-writing
  format-long_post -->|signals| capability-product-surface

Visual structure

Essay structure map

Built from summary and key paragraph positions

fireworks-desgin Big update! Now it’s great. Feel the violent aesthetics of using loo...THESISfireworks-desgin Bigupdate! Now it’sgreat. Feel theviolent aesthetics ofSIGNALfireworks-desgin Bigupdate! Now it’sgreat. Feel theviolent aesthetics ofOPERATOR4. Memphis 80s -terrazzo confetti,wavy lines, postmodernplayfulnessIMPLICATION10. Claymorphism —soft 3D macarons,expanded roundedcorners, clay touch
Mermaid outline
flowchart LR
  thesis["fireworks-desgin Big update! Now it’s great. Feel the violent aesthetics of using loops and dynamic workflo..."]
  signal["fireworks-desgin Big update! Now it’s great. Feel the violent aesthetics of using loops and dynamic workflo..."]
  operator["4. Memphis 80s - terrazzo confetti, wavy lines, postmodern playfulness"]
  implication["10. Claymorphism — soft 3D macarons, expanded rounded corners, clay touch"]
  thesis -->|frames| signal
  signal -->|develops| operator
  operator -->|lands in| implication

Source: View the original post