Skip to content
Founding Lifetime: every Pro skillfirst 100 members · $99 onceUpgrade
Lookbk
Sign In

Diagrams: blueprint architecture diagrams

A blueprint-style system diagram with labeled requests, flowing events and moving data-flow dots. Describe your system or point your agent at the repo; it finds the services, stores and queues, lays them out automatically and writes HTML, SVG and PNG. It is free, for developers documenting a system, and runs in Claude Code, Codex, Cursor or any agent that reads SKILL.md.

Motion HeroesFootage HeroesDecksLanding PagesLaunch FilmsSocial CardsExplainersMotion TypeProduct UpdatesAcademicCharactersCreator KitData StoriesDeveloper DocsDiagramsFundraisingIllustrationPortfoliosProduct ImageryRetro PromosWorkshops

1 skill

Blueprint Architecture Diagram: an example of what it makes
FreeNew
image
Blueprint Architecture DiagramChromeClaude CodeCodexCursor+3 more agents

Questions

Can it read my codebase?

Your agent can. Point it at the repository and it lists the services, stores and queues it finds into a diagram file; the build lays them out with dagre and draws the sheet. You can also describe the system in words.

Which agents can use the Diagrams skills?

Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode. Paste the install prompt from a skill page into your agent, or run the one-line command in a terminal.

Are the Diagrams skills free?

Yes. Blueprint Architecture Diagram is free with a Lookbk account.

Related