Design
Create a Website Architecture and Trust-Boundary Diagram
A design-ready website architecture diagram that separates public, browser, application, data, and third-party trust zones and makes flows, controls, and failure paths reviewable.
The process
Work it in this order.
- Define the site scope, users, environments, assets, data classifications, threat-model question, and the reviewers who must use the diagram.
- Inventory routes, edge or CDN, browser code, identity, frontend, APIs, workers, databases, object storage, analytics, and third-party integrations.
- Draw labeled flows with direction, protocol, data class, authentication, secret boundary, and failure behavior, marking inferred or unverified components.
- Place trust boundaries and controls around public, user-controlled, application, privileged, data, and vendor zones, then record what crosses each boundary.
- Review with engineering, security, privacy, operations, and design owners, validating the diagram against current deployment and configuration evidence where authorized.
- Package the diagram source, legend, accessible text alternative, assumptions, review date, and change owner, and remove details that do not help the stated decision.
- Return the diagram, evidence, assumptions, control questions, and unresolved risks, and pause before any live probe, deployment, or production change.
Bring this
Inputs the cat will ask for.
- site scope and architecture revision
- user, data, and environment classifications
- component and integration inventory
- reviewers and threat-model objective
Router + one playbook
Route first. Choose one.
Cat Paw loads one playbook per task rather than merging several. Start with this router; the remaining paths are workflow-specific candidates it can inspect.
- Router:
diagram-design-pack skills/diagram-design-pack/website-architecture-trust-boundary-diagram/SKILL.md
Guardrails
The boundaries travel with the prompt.
- Verify the actual tools, accounts, permissions, and workspace before starting; never claim an unavailable tool, account, source, or capability.
- Use Latch/target-workspace for private code, artifacts, live probes, or non-public data; if that access is unavailable, stop at the boundary and report the blocker rather than substituting a guess.
- Pause for explicit approval before consequential external actions; return evidence and unresolved risks, assumptions, and any action still awaiting approval.
Done means
A checkable finish.
A reviewable website architecture and trust-boundary diagram shows verified components, labeled flows, boundary controls, assumptions, accessible description, evidence, and unresolved risks.
Sources
Where this process came from.
- github.com/cathrynlavery/diagram-design/tree/dc1ace47b99a419e42d01a03cb6ace5346efa8ae/
- cheatsheetseries.owasp.org/cheatsheets/Threat_Modeling_Cheat_Sheet.html
- csrc.nist.gov/pubs/sp/800/30/r1/final
Sources establish the workflow pattern. Reddit and community posts, where present, are treated as practitioner anecdotes rather than universal facts.