svg-diagram
CommunityCreate SVG architecture diagrams with precision.
Authoryounwony
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill enables precise SVG architecture diagram generation directly from descriptive prompts, removing guesswork and enabling professional visuals for portfolios and documentation.
Core Features & Use Cases
- Direct SVG diagram generation for architecture visuals (data pipelines, layered architectures, state diagrams).
- Full control over layout, colors, typography, and reusable templates for consistent branding.
- Use Case: Create a portfolio diagram showing system components and data flow to illustrate your tech stack.
Quick Start
Generate an SVG portfolio-architecture diagram by describing your system and required components, and provide the desired layout details.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: svg-diagram Download link: https://github.com/younwony/younwony.github.io/archive/main.zip#svg-diagram Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.