Technical Diagram Generator

Generate technical architecture diagrams and system illustrations as standalone HTML files with embedded CSS + inline SVG. No external dependencies.

Install

git clone https://github.com/thatrebeccarae/claude-marketing.git && cp -r claude-marketing/skills/tech-diagram ~/.claude/skills/

Core Capabilities

• Pipeline flow diagrams (data pipelines, CI/CD, ETL)
• Layer/stack diagrams (tech stack, OSI model, infrastructure)
• Component diagrams (microservices, system architecture)
• Before/after split comparisons
• Timeline diagrams (roadmaps, migration phases)
• Metric callout rows (KPI summaries)