Community程式設計與開發github.com

markdown-viewer/uml

使用 PlantUML 語法建立 UML 圖表。最適合軟體建模——類別圖、循序圖、活動圖、狀態機圖、元件圖、使用案例圖和部署圖,採用簡潔的文字型標記法與自動排版。

uml 是什麼?

此技能可讓 AI agent 或使用者透過 PlantUML 語法,在 Markdown 檢視器中直接建立多種 UML 圖表,包括類別圖、循序圖、活動圖、狀態機圖、元件圖、使用案例圖及部署圖。其核心優勢在於使用純文字標記法,無需拖曳繪圖工具,即可快速產生專業級軟體模型圖,且具備自動排版功能。支援的平台包括任何能渲染 PlantUML 程式碼區塊的 Markdown 檢視器(如 VS Code、Obsidian 等)。工作流程為:使用者或 AI agent 撰寫 PlantUML 語法程式碼區塊,技能將其轉譯為向量圖形,並內嵌於文件中。此技能特別適合軟體架構師、開發者進行敏捷建模、設計審查或技術文件撰寫,可大幅提升溝通效率與模型一致性。

相容平台~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/markdown-viewer/skills/tree/main/skills/uml

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

uml 是做什麼的?

使用 PlantUML 語法建立 UML 圖表。最適合軟體建模——類別圖、循序圖、活動圖、狀態機圖、元件圖、使用案例圖和部署圖,採用簡潔的文字型標記法與自動排版。

Individual skills in this repo

This repo contains 13 individual skills — each has its own dedicated page.

markdown-viewer/archimate

Create ArchiMate enterprise architecture diagrams using PlantUML stdlib macros. Best for TOGAF viewpoints, layered EA modeling (Business/Application/Technology), motivation analysis, and migration planning.

markdown-viewer/architecture

Create layered system architecture diagrams using HTML/CSS templates with color-coded tiers and grid layouts. Best for technology stacks, microservices topology, and multi-tier application design.

markdown-viewer/bpmn

Create business process diagrams using PlantUML syntax with BPMN, EIP, and Lean Mapping stencil icons. Best for workflow automation, approval chains, message-based integration patterns, and value stream mapping.

markdown-viewer/canvas

Create spatial diagrams with free-positioned nodes using JSON format. Best for concept maps, knowledge graphs, and planning boards requiring precise x/y coordinate control.

markdown-viewer/cloud

Create cloud provider architecture diagrams using PlantUML syntax with official AWS, Azure, GCP, and Alibaba Cloud service icons. Best for multi-service cloud topologies and migration blueprints.

markdown-viewer/data-analytics

Create data pipeline and analytics architecture diagrams using PlantUML syntax with database/analytics stencil icons. Best for ETL pipelines, data lakes, real-time streaming, data warehousing, and BI dashboard design.

markdown-viewer/graphviz

Create directed/undirected graphs using DOT language with automatic layout. Best for dependency trees, call graphs, package hierarchies, and module relationships requiring fine-grained edge routing.

markdown-viewer/infocard

Create editorial-style information cards using HTML/CSS in Markdown. Best for knowledge summaries, data highlights, event announcements, and single-topic content cards with magazine-quality typography.

markdown-viewer/iot

Create IoT architecture diagrams using PlantUML syntax with device and sensor stencil icons. Best for smart home, industrial IoT (IIoT), fleet management, edge computing, and sensor network layouts.

markdown-viewer/mindmap

Create hierarchical mind maps using PlantUML @startmindmap syntax. Best for brainstorming, topic decomposition, study notes, and decision trees with automatic radial layout, left/right branches, and per-node styling.

markdown-viewer/network

Create network topology diagrams using PlantUML syntax with mxgraph device icons (Cisco, Citrix, etc.). Best for LAN/WAN layouts, datacenter interconnects, and physical/logical network design.

markdown-viewer/security

Create security architecture diagrams using PlantUML syntax with identity, encryption, firewall, and compliance stencil icons. Best for IAM flows, zero-trust models, encryption pipelines, and threat detection architectures.

markdown-viewer/vega

Create data-driven charts with Vega-Lite (declarative) and Vega (programmatic). Best for statistical visualization of numeric data — bar, line, scatter, heatmap, area, radar charts, and word clouds.

相關技能