Skills

Agent skills for agentic diagrams

Drop-in skills that teach Claude Code and 40+ other skill-aware assistants how to author, validate, and fix .agentic.yaml files from a plain-English description of your system. One-line install — or grab the raw SKILL.md.

agentic-diagrams

v0.1

Author & validate .agentic.yaml files

Turns a natural-language description of an agent system into a valid .agentic.yaml document. Fetches the live spec on every run, picks node and edge types from the schema, validates with @agenticdiagrams/schema, and writes the file so you can import it at app.agenticdiagrams.com.

Fires on

  • Create, author, or draft a .agentic.yaml
  • Diagram an agent, multi-agent, or agentic workflow
  • Validate or fix an existing .agentic.yaml
  • Mentions Agentic Diagrams, agentic schema, or @agenticdiagrams/schema

Install — Claude Code

Add the marketplace, then install the plugin:

/plugin marketplace add agenticdiagrams/skills
/plugin install agentic-diagrams@agentic-diagrams

Install — Cursor, VS Code, Windsurf, Codex & 40+ more

Via the Agent Skills spec using Vercel's skills CLI: 

npx skills add agenticdiagrams/skills
View on GitHub View SKILL.md Read the spec

How it works

One canonical SKILL.md serves both install paths — the Claude Code plugin marketplace and the cross-editor skills CLI. Once installed it activates automatically: ask your agent to "diagram this" or "validate my diagram.agentic.yaml", and the output lands as a .agentic.yaml you can import at app.agenticdiagrams.com. Source, issues, and contributions live in the skills repo.