Create click-through, animated architecture diagrams as single HTML files. Use for workshops, design reviews, or onboarding docs where people need to watch data flow instead of reading static boxes.
When to use this skill
- Creating a system architecture diagram
- Building an interactive diagram
- Documenting data flow
Core concepts
This skill provides guidance on architecture diagrams best practices, patterns, and common pitfalls. It is designed to be loaded on demand when a relevant task is detected.
Installation
curl -LO https://opencode-skills.example/downloads/architecture/architecture-diagrams.zip
unzip architecture-diagrams.zip -d ~/.config/opencode/skills/Restart OpenCode — the skill loads automatically.
When it triggers
- creating a system architecture diagram
- building an interactive diagram
- documenting data flow