BeClaude

architecture-diagram-skill

New
GitHub TrendingDocumentationby konraddzbik

Build click-through, animated system architecture diagrams as a single HTML file. Drop it into a workshop, design review, or onboarding doc and let people watch the data flow instead of reading static boxes-and-arrows.

First seen 5/22/2026

Install & Usage

1
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/architecture-diagram-skill.md https://raw.githubusercontent.com/konraddzbik/architecture-diagram-skill/main/SKILL.md
3
Invoke in Claude Code
/architecture-diagram-skill
View source on GitHub
code-reviewdesign

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is architecture-diagram-skill?

Build click-through, animated system architecture diagrams as a single HTML file. Drop it into a workshop, design review, or onboarding doc and let people watch the data flow instead of reading static boxes-and-arrows.

How to install architecture-diagram-skill?

To install architecture-diagram-skill: create the skills directory (mkdir -p .claude/skills), then run: mkdir -p .claude/skills && curl -o .claude/skills/architecture-diagram-skill.md https://raw.githubusercontent.com/konraddzbik/architecture-diagram-skill/main/SKILL.md. Finally, /architecture-diagram-skill in Claude Code.

What is architecture-diagram-skill best for?

architecture-diagram-skill is a skill categorized under Documentation. It is designed for: code-review, design. Created by konraddzbik.