architecture-diagram-skill

by konraddzbik · Claude Skill · ★ 23

About 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.

claude-codeclaude-skillscopilot-skillsopencode-skillsskills

Quick Facts

Stars23
Forks3
LanguageHTML
CategoryClaude Skill
LicenseMIT
Quality Score61.8068978374071/100
Open Issues1
Last Updated2026-06-21
Created2026-05-16
Platformsclaude-code, cli
Est. Tokens~8k

Compatible Skills

These tools work well together with architecture-diagram-skill for enhanced workflows:

  • skrills — semantic(0.24)+complementary+rare_topics+similar_pop+shared_platform (53%)

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular HTML Agent Tools

Frequently Asked Questions

What is architecture-diagram-skill?

architecture-diagram-skill is 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. It is categorized as a Claude Skill with 23 GitHub stars.

What programming language is architecture-diagram-skill written in?

architecture-diagram-skill is primarily written in HTML. It covers topics such as claude-code, claude-skills, copilot-skills.

How do I install or use architecture-diagram-skill?

You can find installation instructions and usage details in the architecture-diagram-skill GitHub repository at github.com/konraddzbik/architecture-diagram-skill. The project has 23 stars and 3 forks, indicating an active community.

What license does architecture-diagram-skill use?

architecture-diagram-skill is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Claude Skill tools