# Lines & Arrows for agents Lines & Arrows is an open source sequence-diagram format with a visual editor. The diagram is stored as concise text, so agents can write and validate the same source that people view or edit. ## Put a diagram on a page The CDN build registers the `` element. No package install or framework is required. ```html Sequence diagram @Client @API @Worker Client -> API: Start job API -> Worker: Run Worker --> API: Done API --> Client: Complete ``` Use `mode="edit"` for the visual editor. Use `selectable="false"` for a non-interactive view and `branding="false"` to hide the attribution. The `@0.2` CDN URL accepts compatible patch releases; use `@0.2.0` to pin the exact release. ## Use the npm package Install the package before using its CLI or JavaScript exports: ```sh npm install lines-and-arrows npx lines-and-arrows validate --json diagram.la ``` Register the web component in an npm-based browser application: ```js import "lines-and-arrows/auto"; ``` This import must run through the application's bundler or development server. Then use the same `` HTML shown above, without the CDN `