Skip to content
cd ../projects
BuiltReactTypeScriptReact FlowViteTailwind CSS

Security Architecture Simulator

Design security architectures on a canvas and simulate MITRE ATT&CK attack paths to find coverage gaps.

Try the demo
revisit planned

Coming back with the Dell Pro Max GB10 to add an LLM-driven attack path generator and automated architecture critique. Both need larger models than the RTX 5080 could run locally.

$ cat story.md

I wanted to build something at the depth level of paperdraw.dev, where users spend hours, not minutes. Most of my projects are solid but shallow. This one is meant to be a tool people actually come back to.

The concept: a canvas where you design network architectures, then simulate real attack paths through them. You see exactly which MITRE ATT&CK techniques each control handles and where your gaps are.

Client-side only, no backend. 51 MITRE techniques curated from the Enterprise matrix, 12 component types across network/compute/security categories, 4 pre-built attack scenarios from web app exploits to ransomware.

$ ls ./components

Interactive CanvasComponent Palette (12 types)MITRE ATT&CK Data (51 techniques)Attack Simulation EngineProperties PanelCoverage HeatmapFix RecommendationsMetrics Panel
  • -React Flow for interactive canvas applications
  • -MITRE ATT&CK framework mapping to security controls
  • -Graph-based simulation (BFS pathfinding, defense matching)
  • -Building depth-level tools vs. surface-level demos