nocodeskills
SkillSome code needed

Technical Diagram Builder

Turns a description into a clean technical diagram you can export as SVG, PNG, or HTML.

by yizhiyanhua-ai · ★ 11,832 on GitHub

View on GitHub ↗ How to install it

What it does

You describe the diagram you need, such as a system architecture or workflow chart, and Claude builds it using preset styles. You get back an SVG file plus optional PNG, offline HTML, or animated GIF versions.

Who it’s for

A good fit for designers and anyone making visuals and anyone working with Word, PDF, Excel or PowerPoint files.

Design & Creative Documents & Office Files

Do you need to code?

Some. To get the most from this one you may need to be comfortable with code, the command line or technical setup.

How to install

Add it to Claude as a skill. Download the skill folder from its source page, zip it, and upload it in Claude’s settings under Skills. See the step-by-step guide.

Safety note

Runs bundled scripts on your computer and may need extra fonts or tools installed.

As with any add-on, only install skills from sources you trust, and read what it does first.

License

MIT

Get the free Starter Pack

A short, hand-picked set of the most useful no-code skills for coaches, consultants and small business owners, with simple install steps. Coming soon.