ck:tech-graph
CommunityGenerate production-quality technical diagrams with AI
Software Engineering#ai agent#technical documentation#diagram generation#uml#system visualization#diagram styles
Authorduy-tung
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill generates high-quality SVG+PNG technical diagrams from natural language descriptions, automating the creation of architecture, data flow, flowchart, sequence, agent/memory, or concept maps.
Core Features & Use Cases
- Diagram Generation: Automatically generates diagrams based on natural language descriptions.
- Multiple Styles: Supports 7 visual styles including Flat Icon, Dark Terminal, Blueprint, Notion Clean, Glassmorphism, Claude Official, and OpenAI Official.
- Diagram Types: Offers support for 14 diagram types including architecture, data flow, flowchart, sequence, comparison, timeline, mind map, and UML diagrams.
- AI/Agent Domain Patterns: Built-in support for AI/agent domain patterns like RAG, Agentic Search, Mem0, Multi-Agent, and Tool Call.
- Semantic Shape Vocabulary: Consistent use of shapes to represent different concepts.
- SVG + PNG Output: Generates SVG files for editing and PNG files for embedding.
- AI/ML Product Coverage: Covers popular AI/ML products and frameworks.
Quick Start
Use the ck:tech-graph skill to generate a diagram. For example: "Generate a microservices architecture diagram in style 2 (Dark Terminal)".
Dependency Matrix
Required Modules
pythonpypdfpdfplumberlibrsvg
Components
scriptsreferencesassets
💻 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: ck:tech-graph Download link: https://github.com/duy-tung/claude-code-setup/archive/main.zip#ck-tech-graph 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 620,000+ vetted skills library on demand.