The latest articles on DEV Community by Sevenda (@sevendaextension). https://dev.to/sevendaextension https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4169522%2F1e44cc5f-ea7f-4b59-95d8-a7d95f4366c5.jpeg https://dev.to/sevendaextension en Sevenda Wed, 07 Oct 2026 17:44:36 +0000 https://dev.to/sevendaextension/from-clicks-to-process-automatically-i-built-sevenda-2a87 https://dev.to/sevendaextension/from-clicks-to-process-automatically-i-built-sevenda-2a87 <p>Documenting a process is one of those tasks everyone needs and nobody enjoys. You <em>know</em> the flow — the checkout, the onboarding, the backoffice approval — because you run it every day. But turning that into a clean <strong>BPMN diagram</strong> means stopping, reconstructing every step from memory, and dragging boxes around for an hour.</p> <p>So I built <strong>Sevenda</strong>: a Chrome extension that watches you do the flow once and hands you the diagram.</p> <h2> What it does </h2> <p>Sevenda records a browser session and uses <strong>Claude</strong> to generate a real <strong>BPMN 2.0 process diagram</strong> out of it — the kind an analyst would draw by hand: multiple named pools, typed messages between participants, technical annotations on the side. You click through the flow; it produces the swimlanes.</p> <p>It runs as a <strong>DevTools panel</strong>, so it lives right next to the app you're documenting.</p> <h2> How it works </h2> <ol> <li> <strong>Record</strong> — open the Sevenda panel, hit record, and go through your flow like you normally would.</li> <li> <strong>Generate</strong> — Sevenda sends the captured session to Claude and builds the BPMN.</li> <li> <strong>Export &amp; edit</strong> — you get a standard <code>.bpmn</code> file you can open in any BPMN tool, plus an editable diagram right in the panel.</li> </ol> <p>Same session, second output: <strong>GA4 / GTM analytics insights</strong> — a read on the tracking and events firing across the flow, for the analytics crowd.</p> <h2> A few things I'm proud of </h2> <ul> <li> <strong>Analyst-grade diagrams, not toy output.</strong> Multi-pool, named message flows, send/receive typing for cross-participant exchanges, annotations outside the lanes.</li> <li> <strong>BYOK (bring your own key).</strong> You plug in your own Anthropic key. Your sessions and your key stay under your control, and you pay inference at cost — no middleman holding your data.</li> <li> <strong>Output in your language.</strong> UI and generated documents in English, Italian, Spanish, or French — and you can set the diagram's language independently of the interface.</li> </ul> <h2> Who it's for </h2> <p>Business analysts, QA engineers mapping test flows, product people documenting features, consultants capturing a client's as-is process, and devs who'd rather click through a flow than hand-draw it.</p> <h2> It's live </h2> <p>Sevenda is on the <strong>Chrome Web Store</strong>, tested and ready, with paid plans available (BPMN and Insights modes). You can try it today.</p> <p>👉 <strong><a href="https://sevenda.dev" rel="noopener noreferrer">sevenda.dev</a></strong></p> <p>If you document processes for a living — or just dread it once a quarter — I'd love your take. <strong>What's the flow you'd point it at first?</strong> 👇</p> showdev ai webdev chrome