Tag
Recommending an open-source Skill project called Diagram Design, which lets Claude Code, Codex, and Cursor automatically generate professional diagrams such as flowcharts and architecture diagrams. It includes 45 diagram types, supports brand color matching, and exports to HTML/SVG.
A user describes how they built a skill to generate live-panel, GIF-style animated architecture diagrams that look like static images but animate on their own, turning content (such as Airbnb CTO Ahmad Al-Dahle's talk on AI usage) into moving visualizations.
The author's video on Transformers has racked up over 120K views on YouTube, and they have created an animated panorama diagram to visually explain the Transformer model's step-by-step processing for better understanding.
Ameliorate is a tool for breaking down problems into causes and effects, creating visual diagrams to aid in discussion, feedback, and decision-making.
Line9 is a new Mermaid rendering engine with its own layout algorithm, available as a CLI and diagram editor.
A web tool that converts Mermaid diagram syntax into ASCII and Unicode box-drawing art, rendered entirely in the browser using a Go library compiled to WebAssembly. Supports flowcharts, sequence diagrams, colors, and customizable output.
Recommend a Markdown plugin docu.md that perfectly renders PlantUML and other diagrams, and supports exporting to DOCX, PDF, HTML, etc. Suitable for beautifying and publishing AI-generated Markdown documents.
VoiceDraw is a tool that automatically draws system design diagrams as you speak, capturing reasoning and tradeoffs.
A detailed summary of 8 high-frequency use cases for the Codex tool, including adding captions, organizing disks, converting to slides, processing meeting minutes, connecting Feishu and WeRead, deploying websites, and handling daily company tasks, demonstrating various applications of AI assistants in real work and life.