Tikz Flowchart
If you're tired of fighting TikZ layouts and want flowcharts that don't look like they escaped from a 1990s textbook, this gives you two opinionated style systems: a Material-like theme with semantic colors and distinct shapes for data versus compute, and an Anthropic-inspired theme with warm ivory backgrounds, dashed grouping lanes, and pastel cards. The real value is in the constraints. It forces you to plan layout before drawing edges, insists on orthogonal connections with perpendicular entry at node anchors, and even tells you to spawn a subagent to review whether your diagram actually meets requirements instead of trusting your own pass. Useful if you want consistent technical diagrams without reinventing spacing and colors every time.
- skills.sh installs
- 278
- GitHub stars
- 158
- last updated
- Aug 21, 2026
Install
$ npx -y skills add yzlnew/infra-skills --skill tikz-flowchart --agent claude-codeInstalls into .claude/skills of the current project.
Files
TikZ Flowchart Skill
This skill provides standardized templates/styles for establishing professional technical diagrams using LaTeX TikZ. It is designed for creating flowcharts, architecture diagrams, and process flows.
Usage
When asked to "create a flowchart" or "draw a diagram" in this project, first choose a single theme, then open only that theme's file as the starting point.
Before writing any \node or \draw commands, plan the layout first: decide the main flow direction, group nodes into rows/columns or lanes, and make sure related nodes are aligned so the connectors can stay orthogonal.
If you need to judge whether the generated diagram actually satisfies the user's requirements, do not rely only on your own generation pass. Spawn a subagent for an independent review and use that review to verify compliance or identify gaps.
- Use the default Material-like theme for conventional engineering diagrams with stronger semantic color coding and distinct data/storage/compute shapes.
- Use the Anthropic theme when the user wants warm ivory backgrounds, quiet dashed grouping containers, pastel cards, thin connectors, and a calm product-diagram look.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/yzlnew/infra-skills
- Categories
- DevOps & CI/CD, AI & Agent Building
- First seen
- Jun 3, 2026
