dynamic-archify - Create animated technical diagrams as standalone HTML
Creates animated architecture, workflow, sequence, data-flow, and lifecycle diagrams as standalone HTML files from plain-language descriptions or Mermaid code.
Tags
Updated: 2026-10-15Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create technical diagrams
- Generate standalone HTML
- Render inline SVG graphics
- Toggle dark/light themes
- Export PNG, JPEG, WebP
- Export SVG, GIF, WebM
- Accept plain-language descriptions
- Accept pasted Mermaid code
- Convert Mermaid diagrams
Inputs
- Diagram requirements
- Plain-language descriptions
- Mermaid code
- Renderer JSON
- Diagram type
Outputs
- Standalone animated HTML files
- PNG image files
- JPEG image files
- WebP image files
- SVG files
- GIF files
- WebM files
Requirements
- Node.js and npm for renderers
- Shell access for renderer mode
- AJV dependencies for schema validation