hermes atlas
231·repos hermes·v0.20.4 ★ star this repo
map/skills/design-and-diagrams

Best Hermes Skills for Design & Diagrams

“Users generating diagrams, design prototypes, or image output through agent skills.”

Skills and tools that turn natural-language descriptions into draw.io diagrams, FLUX-generated images, or full local-first design prototypes.

Updated 2026-08-20 · tested against Hermes v0.20.4

the picks — 3

Agents365-ai / drawio-skillskill top pick

★ 7.9K

Eleven diagram-type presets plus Mermaid-to-drawio conversion, and the most-starred diagram skill in the catalog — the clear default over hand-rolling diagram prompts.

install
npx skills add Agents365-ai/365-skills -g (or git clone into your skills directory).

works withRuns from a single SKILL.md, no MCP server or daemon (needs the draw.io desktop CLI for rendering); works anywhere agentskills.io skills load, including Hermes.

nexu-io / open-designplugin

★ 90.0K

By far the biggest project in the entire skills category — but it's a full local-first design platform, not a lightweight skill. Install it as prototyping infrastructure, not a five-minute skill add.

install
curl -fsSL https://open-design.ai/install.sh | sh -s hermes (hosted); or self-host via docker compose from the repo's deploy/ directory.

works withNative desktop app (macOS/Windows) plus a CLI; the README explicitly lists Hermes Agent among supported coding-agent CLIs for prototype generation.

black-forest-labs / skillsskill

★ 103

The one official-vendor entry in this bucket — Black Forest Labs' own FLUX prompting guidelines and API integration patterns, not a third-party reverse-engineering of their docs.

install
npx skills add black-forest-labs/skills (or target one: npx skills add black-forest-labs/skills --skill flux-image-best-practices).

works withagentskills.io spec; also a Claude Code plugin.

how we picked

These are curated by hand, not scraped or ranked by an algorithm. Every entry is a project already accepted into the Atlas catalog; the install command is copied out of that project's own README (not inferred), the compatibility line reflects what the README actually claims to support, and the verdict says what this pick does that its neighbours don't. Star counts come live from the GitHub API on each build. Updated 2026-08-20 · tested against Hermes v0.20.4.

faq
What is the best Hermes Agent skill for design & diagrams?

Agents365-ai/drawio-skill. Eleven diagram-type presets plus Mermaid-to-drawio conversion, and the most-starred diagram skill in the catalog — the clear default over hand-rolling diagram prompts. Install it with: npx skills add Agents365-ai/365-skills -g (or git clone into your skills directory).

How do I install Hermes skills?

From the Hermes CLI. Running hermes skills install owner/repo/skills/name installs a single skill; hermes skills tap add owner/repo registers a whole repository as a tap, so every skill inside it becomes available. Plugins use hermes plugins install owner/repo --enable. Skills that follow the agentskills.io spec but aren't published to the Skills Hub can be added with npx skills add owner/repo, or cloned straight into your skills directory. Every entry on this page carries the exact command from its own README.

How current are these picks?

Updated 2026-08-20 · tested against Hermes v0.20.4. The picks are curated by hand — install commands are read out of each project's README rather than generated, and star counts are refreshed from the GitHub API on every build.

other use cases
Best Hermes Skills for Coding Best Hermes Skills for Cybersecurity Best Tools for Discovering & Managing Hermes Skills Best Hermes Skills for Writing & Content Best Hermes Skills for Crypto & Agent Payments Best Hermes Skills for Personal Ops
← all skills