What's new in 1.1
Built-in export toolbar — every generated diagram now ships with Copy / PNG / PDF buttons baked into the header. Click the ⋯ icon in the top-right to reveal them.
- 📋 Copy — copy a high-resolution PNG to your clipboard, paste straight into Slides, Docs, or Slack
- 🖼️ PNG — download a high-resolution PNG file
- 📄 PDF — download a single-page PDF that preserves the dark theme
No install, no command line — just open the HTML file and click.
Skill structure
- Conforms to Anthropic's skill-creation guidelines: description under the 200-char limit, frontmatter trimmed to documented keys, supplemental files now live under
resources/ - Install path updated for Claude.ai's current UI: Customize → Skills
- Now available on Free, Pro, Max, Team, and Enterprise plans (Code Execution must be enabled)
Security
- CDN scripts (html2canvas, jsPDF) are pinned to specific versions on jsdelivr with Subresource Integrity hashes and
crossorigin=\"anonymous\", so generated diagrams are tamper-resistant against CDN compromise
How to install
- Download
architecture-diagram.zipfrom the assets below - Go to claude.ai → Customize → Skills
- Click + → + Create skill → Upload a skill and pick the zip
- Toggle the skill on