Big Arrow on the Screen
Focus: screen annotation, ai agents and codex. Shares claude code and open source with Diagram Design. A Mac app, not an AI tool. Adds macOS. Rated 4.4 (Diagram Design: 4.6).
Mac AppFreemacOS
4.4Visit
AI Tool
Diagram Design
An agent skill that draws clean, on-brand diagrams as a single HTML file.
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is Diagram Design?
Diagram Design is a free, open-source skill for Claude Code, Codex, Cursor and other coding agents. Describe what you need in plain words and the agent picks from more than 40 diagram types, from architecture maps to quadrants and sequences, matches your brand colours and fonts, and exports to SVG or PNG.
Third-party open-source projects. We are not affiliated with their authors; repositories are provided as-is by their maintainers. Review each project's license, code and security before installing. See our Disclaimer.
Pros
- Over 40 diagram types out of the box
- Matches your site's palette and fonts
- Free and open source
Cons
- Needs an AI coding agent that supports skills
- Output follows one editorial style
Who should use Diagram Design
Developers, writers and managers who need clear diagrams for docs and decks without a drawing tool.
Who may not need it
People who do not use AI coding agents or prefer drag-and-drop editors.
Diagram Design alternatives
Similar resources to Diagram Design, picked from the directory.
explainroo
Focus: explainer videos, product demos and ai video. Shares open source and github with Diagram Design. Adds macOS, Windows and Linux. Rated 4.5 (Diagram Design: 4.6).
AI ToolFreeCross-Platform, macOS
4.5Visit
reladraw
Focus: diagram as code and svg. Shares diagrams and architecture diagrams with Diagram Design. A framework, not an AI tool. Adds Web. Rated 4.5 (Diagram Design: 4.6).
FrameworkFreeWeb, Cross-Platform
4.5Visit
Whiteboard
Focus: software design, code review and codex. Shares diagrams and claude code with Diagram Design. A desktop app, not an AI tool. Adds macOS, Windows and Linux. Rated 4.5 (Diagram Design: 4.6).
Desktop AppFreemacOS, Windows
4.5Visit
IP as Logo Skill
Focus: logo design, mascot and image generation. Shares agent skills and open source with Diagram Design. Adds Web. Rated 4.4 (Diagram Design: 4.6).
AI ToolFreeWeb, Cross-Platform
4.4Visit
gstack
Focus: ai agents, developer tools and productivity setup. Shares claude code and open source with Diagram Design. Rated 4.5 (Diagram Design: 4.6).
AI ToolFreeCross-Platform
4.5Visit
Free alternatives to Diagram Design
Free resources that cover similar ground.
Agent Skills by PaulRBerg
Focus: ai agents, coding agents and skills. Shares agent skills and claude code with Diagram Design. Adds Web. Rated 4.4 (Diagram Design: 4.6).
AI ToolFreeWeb
4.4Visit
Excalidraw CLI
Focus: excalidraw, cli and ai agents. Shares diagrams and open source with Diagram Design. A framework, not an AI tool. Adds macOS, Windows and Linux. Rated 4.4 (Diagram Design: 4.6).
FrameworkFreemacOS, Windows
4.4Visit
Archify
Focus: architecture, ai agents and technical documentation. Shares diagrams and claude code with Diagram Design. Adds Web. Rated 4.3 (Diagram Design: 4.6).
AI ToolFreeWeb
4.3Visit
Agentic Awesome Skills
Focus: codex, ai agents and catalog. Shares agent skills and claude code with Diagram Design. Adds Web. Rated 4.2 (Diagram Design: 4.6).
AI ToolFreeWeb
4.2Visit
Awesome LLM Apps
Focus: llm, ai agents and rag. Shares open source and github with Diagram Design. A website, not an AI tool. Adds Web. Rated 4.8 (Diagram Design: 4.6).
WebsiteFreeWeb
4.8Visit
Agent Skills Workflow Template
Focus: agents.md, cursor and codex. Shares agent skills and claude code with Diagram Design. A website, not an AI tool. Adds Web. Rated 4.7 (Diagram Design: 4.6).
WebsiteFreeWeb, Cross-Platform
4.7Visit
Are you the maker of Diagram Design?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
New · updated daily
What people are actually doing with AI
Real use cases shared on Reddit, Hacker News, X, GitHub and blogs, summarised in plain words with a link to every original post.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
New tools and visual guides, every Monday.
One short email a week with the best new tools and websites, plus my latest visual guides. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.