Client onboarding architecture
Follow a request from the client and browser to the API, document worker and storage.
A real saved generation from a fictional example brief. Generated .
The saved result
This synthetic system overview keeps the four portal components inside a boundary and the client outside it. Arrow labels distinguish requests, responses and document work.
Check arrow directions against your system; this example is not an implementation specification.
The actual request
The request includes the source facts supplied with this example. Different inputs or a new run can produce different results.
Read the full prompt and source facts
Create a polished architecture diagram from these facts. Preserve the full labels, relationships, grouping and numeric values. Use a clear reading order, readable text and an intentional composition. Do not invent facts. Use English.
Supplied source facts:
{"nodes":[{"id":"client","kind":"external-actor","label":"Client"},{"id":"browser","kind":"client-component","label":"Browser","groupId":"client-onboarding-portal"},{"id":"api","kind":"service","label":"API","groupId":"client-onboarding-portal"},{"id":"document-worker","kind":"worker","label":"Document Worker","groupId":"client-onboarding-portal"},{"id":"storage","kind":"storage","label":"Storage","groupId":"client-onboarding-portal"}],"groups":[{"id":"client-onboarding-portal","kind":"system-boundary","label":"Client Onboarding Portal","memberIds":["browser","api","document-worker","storage"]}],"relations":[{"id":"client-uses-browser","to":"browser","from":"client","kind":"interaction","label":"uses","directed":true},{"id":"browser-requests-api","to":"api","from":"browser","kind":"request","label":"requests","directed":true},{"id":"api-responses-browser","to":"browser","from":"api","kind":"response","label":"responses","directed":true},{"id":"api-dispatches-document-work","to":"document-worker","from":"api","kind":"asynchronous","label":"dispatches document work","directed":true},{"id":"api-reads-onboarding-data","to":"storage","from":"api","kind":"data-access","label":"reads/writes onboarding data","directed":true},{"id":"storage-returns-onboarding-data","to":"api","from":"storage","kind":"data-access","label":"reads/writes onboarding data","directed":true},{"id":"document-worker-reads-documents","to":"storage","from":"document-worker","kind":"document-access","label":"reads/writes documents","directed":true},{"id":"storage-returns-documents","to":"document-worker","from":"storage","kind":"document-access","label":"reads/writes documents","directed":true}]}Make it about your work
Replace the fictional example facts with your own, then check labels, relationships and any numbers before using the result. Keep private information out of public sharing links.
Explore this diagram tool · Follow the creation guide · Plans and credit rules
Try your own version
Use “Try this prompt” to load the example, or write your own request. Nothing is generated until you send it.