SVG Architecture Diagramv1.2.0

Engineering teams documenting system architecture for internal or external stakeholders. This skill produces crisp, text-accurate diagrams ideal for technical documentation, replacing hand-drawn or low-fidelity diagrams.

Cloud architects designing multi-service architectures on AWS, Azure, or GCP. SVG ensures precise alignment of VPCs, subnets, and service connections, with color-coded modules for clarity.

Data engineers mapping ETL/ELT flows from sources to storage to analytics. The skill supports dashed feedback lines and clear text labels for complex data movement, overcoming AI image generation limitations.

Consultants and solutions architects creating diagrams for client proposals or whitepapers. The high-resolution output ensures professional quality in PDFs and presentations.

Developers illustrating inter-service communication, API gateways, and event streams. SVG's perfect connector lines and arrow markers accurately depict complex service dependencies.

Offer the basic SVG templates and Playwright screenshot script for free, but charge for a library of pre-built diagram templates, custom color themes, or advanced automation scripts.

Host a web application where users describe their architecture in natural language, and the backend generates the SVG HTML and returns a rendered PNG/PDF. Charge per diagram or monthly subscription.

Package the skill as a plugin for documentation generators (e.g., Docusaurus, MkDocs) or CI/CD pipelines to auto-generate and update architecture diagrams from code or infrastructure-as-code files.