Typst Flowchart Generator

About

The Flowchart skill empowers Claude to programmatically create high-quality vector diagrams, state machines, and process flows. By leveraging Typst and the CeTZ drawing package, it transforms plain text descriptions of logic into structured visual assets. This skill is ideal for developers and technical writers who need to document complex system architectures, decision trees, or workflows without manual drawing tools, ensuring consistency and ease of iteration through AI-driven code generation.

Key Features

• Generates clean, customizable Typst code compatible with professional documentation workflows
• Supports multiple node types including process rectangles, decision diamonds, and terminal circles
• Automated arrow routing with customizable labels and anchor points
• L2 Directed autonomy for iterative refinement of diagram layouts and spacing
• 0 GitHub stars
• Built-in patterns for sequential flows, conditional branching, and looping logic

Use Cases

• Visualizing complex business logic or decision trees within a codebase
• Documenting system architecture and component interactions for technical manuals
• Creating state transition diagrams to map out application behavior and UX flows