Design map
Understand the flow.
Review what could fail.
Your directive already includes a simple visual overview. Use this page to check each connection, review its safeguards, and make changes when you need to.
Start with your directive
Creating a directive generates its flow automatically.
01 / Understand the flow
Your design map
Follow each arrow from left to right. Watch-outs name risks and safeguards beside each connection; select one for details. Select a component or connection to change it.
Export map ↓This map is suggested from your project traits. Check the directions, return paths, recipients, and safeguards. It does not scan your code, and missing warnings do not mean a connection is safe.
Drag components to reposition them. Keyboard: focus a component and use arrow keys to move it; press Enter to edit. Warnings are design prompts, not findings about a deployed system.
02 / Review the safeguards
What needs a closer look?
Select one question at a time for an explanation, the relevant Control Packs, tests, and evidence. These are design prompts—not verified vulnerabilities.
03 / Keep a copy
Keep the map with your design record.
Files are created in your browser. Choose JSON to reopen and edit the map, Mermaid for a text-based diagram, or PNG for an image.