Design a page, then build it, in the same window.

Elsewhere

• System Design Templates
  Each template is a real diagram produced by the same layout engine the app runs, not a picture of one.
• AI System Design
  The diagram can cause the code, not just describe it.
• Harness Engineering
  Agent equals model plus harness. The harness is the half you can actually change.
• Coding Engines Lucid Train Can Drive
  The binary is already on your machine and already signed in. Nothing is proxied and no credential passes through us.
• Dependency and Agent Supply Chain Audit
  Your packages are audited by everyone. The programs your agent launches are audited by almost no one.
• Grafana and Observability in a Coding Agent
  Nothing is exported to us. It reads the Grafana you already run, with your credential, on your machine.
• Software Architecture Glossary
  What each term means, where it came from, and where it stops being useful.
• Guides to Choosing Architecture Tools
  No winner is declared, because the right answer depends on constraints a web page cannot see.
• Alternatives to Popular Diagramming and Agent Tools
  Each page sorts the field by the reason you are leaving, because that is what decides the answer.
• MCP and Architecture Diagrams
  Your agent supplies the structure. A constraint solver decides where everything goes.
• Generate a Diagram from Your Code
  Every source below lists the exact files it reads and the constructs it maps to diagram nodes.
• AI Diagram Generators
  The agent emits a semantic graph and ELK computes the layout, so overlapping boxes are structurally impossible.
• Compare Lucid Train
  Every page says what the other tool is better at. If that section were empty the comparison would not be worth reading.
• Convert Code and Diagrams
  Every conversion page states what survives the round trip and what does not.
• Use Cases
  Each page includes who it is not for, which is usually the more useful half.
• Beyond Diagrams
  Diagrams are the front door. These are the rooms behind it.