Updated 2mo ago
by cloudy-liu
cloudy-tech-diagrams-skill
AI agent skill for warm HTML and SVG technical diagrams
63 GitHub stars (63)
Steady at 63 stars — no new stars in the 16 days since Sep 30.
- 1 skill (1 skills found in its SKILL.md files)
- 7 forks (7 forks)
- 2mo ago last update (Last updated 2mo ago)
Install
Skills CLI
npx skills add cloudy-liu/cloudy-tech-diagrams-skill
Asks which agents to install it for. Add -g to install it for every project.
Claude Code
git clone https://github.com/cloudy-liu/cloudy-tech-diagrams-skillcp -r "cloudy-tech-diagrams-skill" ~/.claude/skills/cloudy-tech-diagrams-skill
Copies the cloudy-tech-diagrams skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project).
Plugin
/plugin marketplace add cloudy-liu/cloudy-tech-diagrams-skill
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
cloudy-tech-diagrams
Use when creating polished technical diagrams as self-contained HTML+SVG files for software architecture, system design, process flows, cloud infrastructure, security boundaries, network topology, runtime mechanics, data flow, deployment views, or technical presentation visuals.
SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.