图表绘制

用于创建、说明和维护各类图表与可视化的技能与工作流。

23 個技能
K
json-canvas

作者 kepano

json-canvas 可協助建立與編輯有效的 .canvas 檔案,適用於 Obsidian 風格看板,並正確處理節點、邊、ID、座標、群組與參照。

Diagramming
收藏 0GitHub 19.7k
J
baoyu-infographic

作者 JimLiu

baoyu-infographic 是一套用於結構化資訊圖表製作的提示框架,提供 21 種版型與 20 種風格。它能協助分析來源內容、選擇合適的版型與風格,並產出清楚的視覺化摘要,適合用於 UI 設計、比較整理、流程說明,以及其他資訊密度較高的解說內容。

UI 設計
收藏 0GitHub 13.2k
T
secure-workflow-guide

作者 trailofbits

secure-workflow-guide 提供一套 5 步驟的 Solidity 安全工作流程:Slither 初篩、功能別檢查、視覺化檢視、安全屬性筆記與人工複查。它特別適合智能合約團隊、稽核人員與開發者,讓你在部署或發佈前能依照可重複的 secure-workflow-guide 指引進行安全檢查。

安全稽核
收藏 0GitHub 4.9k
O
diagram-generator

作者 openclaw

diagram-generator 可依結構化輸入建立與編輯 draw.io、Mermaid、Excalidraw 圖表。它支援流程圖、序列圖、類別圖、ER 圖、心智圖、架構圖與網路拓撲,也能讀取既有的 .drawio、.mmd 與 Excalidraw 檔案,方便後續更新。

Diagramming
收藏 0GitHub 4k
C
excalidraw-diagram

作者 coleam00

excalidraw-diagram 會產生 Excalidraw JSON 圖表,不只是畫出方塊與箭頭,而是能以視覺方式呈現論證。適合用於工作流程、架構、序列流程、決策路徑與概念圖等需要結構清楚、易讀,且能反映真實關係的情境。內容包含安裝指引、可視渲染檢查,以及有助於提升圖表品質的實務工作流程。

Diagramming
收藏 0GitHub 2.2k
Y
fireworks-tech-graph

作者 yizhiyanhua-ai

fireworks-tech-graph 是一個圖表繪製技能,可將系統描述轉換成可直接用於正式環境的 SVG 與 PNG 圖表。內容包含安裝指引、輔助腳本、驗證、範本與風格參考,適用於技術圖表、架構流程圖、序列圖與相關視覺工作流程。

Diagramming
收藏 0GitHub 1.6k
S
mermaid-diagrams

作者 softaworks

mermaid-diagrams 是一份實用的 Mermaid 參考技能,涵蓋 flowchart、sequence diagram、class diagram、ERD、C4 與 architecture diagram。你可以用它挑選合適的圖表類型、依循 repository 內的參考內容,並以更好的提示方式和考量 renderer 差異的語法,製作適合文件管理、可版本控管的圖表。

Diagramming
收藏 0GitHub 1.3k
S
excalidraw

作者 softaworks

excalidraw 是一項工作流程技能,透過將冗長的 `.excalidraw` JSON 委派給子代理處理,協助你說明、更新與建立 Excalidraw 圖表。適合用於架構圖、流程圖,以及需要理解圖表內容的工作,同時避免主代理上下文被大量資料撐大。

Diagramming
收藏 0GitHub 1.3k
M
uml

作者 markdown-viewer

uml 技能可協助你建立 PlantUML 圖表,用於軟體建模,包含類別圖、序列圖、活動圖、狀態機圖、元件圖、使用案例圖、部署圖,以及相關圖表。當你需要可編輯、能自動排版、以文字為先的圖表來支援程式碼、文件與 repo 工作流程時,可使用 uml 進行 Diagramming。它不適合分層架構、圖表,或 BPMN 工作流程。

Diagramming
收藏 0GitHub 1.1k
M
security

作者 markdown-viewer

這個 security 技能可用 AWS 樣板建立 PlantUML 安全架構圖,涵蓋身分驗證、加密、防火牆、合規與威脅偵測。適合用在 IAM 流程、零信任設計、加密管線、Security Audit 圖,以及可直接送審的文件。不適合一般雲端基礎架構或通用 UML 建模。

安全稽核
收藏 0GitHub 1.1k
M
network

作者 markdown-viewer

使用 network skill 建立具備 mxGraph 裝置圖示、自動排版、區域分組與清楚連線語意的 PlantUML 網路拓樸圖。它適合 LAN、WAN、企業、資料中心、無線、資安與特定廠商的圖表,也提供 network 的使用範例,以及何時該用 network 而不是 uml 或 cloud 的指引。

Diagramming
收藏 0GitHub 1.1k
M
iot

作者 markdown-viewer

使用 PlantUML 製作 IoT 架構圖,提供裝置、感測器、閘道器、邊緣與雲端服務圖示。iot skill 最適合智慧家庭、工業 IoT、車隊遙測、感測網路、數位孿生與機器人應用。請用於需要清楚 IoT 術語與圖示的情境,不適合一般雲端或 UML 圖。

Diagramming
收藏 0GitHub 1.1k
M
graphviz

作者 markdown-viewer

graphviz 是一種以 DOT 為基礎的圖表繪製技能,可用來建立自動排版的有向圖與無向圖。適合用於相依性樹、呼叫圖、套件階層、權責關係圖,以及其他在圖表繪製場景中更重視可讀結構、而非手動擺位的 graphviz use cases。它能協助 agent 產生有效的 DOT,並減少版面或語法錯誤。

Diagramming
收藏 0GitHub 1.1k
M
data-analytics

作者 markdown-viewer

data-analytics skill 會為資料分析工作流程產生 PlantUML 圖表,涵蓋 ETL、ELT、data lake、warehouse、streaming pipeline、log analytics 與 BI dashboard。它特別針對清楚的來源到目的地流程、AWS analytics/database stencil,以及實用的 data-analytics 指南式輸出而最佳化,不是用來畫一般軟體或雲端架構圖。

数据分析
收藏 0GitHub 1.1k
M
cloud

作者 markdown-viewer

使用 cloud skill 製作帶有 AWS、Azure、GCP、Alibaba Cloud、IBM Cloud 與 OpenStack 官方供應商模板圖示的 PlantUML 雲端架構圖。這是一個很適合 Cloud Architecture 的雲端指南,提供安裝與使用模式、服務邊界,以及能反映資料流向的版面安排,適合繪製真實部署架構圖。

Cloud Architecture
收藏 0GitHub 1.1k
M
canvas

作者 markdown-viewer

canvas 可建立 JSON Canvas 圖表,支援自由定位與明確的 x/y 座標。適合用在心智圖、知識圖譜、概念圖、規劃板,以及其他以空間佈局比順序更重要的 Diagramming 工作流程。它不適合流程圖或資料圖表。當你需要可編輯的節點、連結與結構化版面時,請使用 canvas skill。

Diagramming
收藏 0GitHub 1.1k
M
archimate

作者 markdown-viewer

archimate 可讓你在 PlantUML 中使用 `!include <archimate/Archimate>`、型別化元素巨集與關係巨集來建立 ArchiMate 圖表。它適合分層的企業架構視圖,涵蓋業務、應用、技術、動機與遷移規劃。當你需要結構化的 EA 標記法,而不是一般雲端或網路圖時,請使用 archimate 進行圖表繪製。

Diagramming
收藏 0GitHub 1.1k
M
bpmn

作者 markdown-viewer

bpmn 可讓你在 PlantUML 中使用 BPMN、EIP 與 Lean Mapping 樣板圖示,建立商業流程與整合圖。它特別適合工作流程自動化、核准流程、流程編排、訊息傳遞、ETL 與價值流映射,並清楚說明何時該用 bpmn、何時應改選 uml 或 vega。

工作流自動化
收藏 0GitHub 1.1k
M
architecture

作者 markdown-viewer

architecture 是一個用來建構 HTML 與 CSS 分層系統視圖的繪圖技能,具備色彩區分區塊、格線版面與清楚的元件階層。它特別適合用於使用者/應用/資料/基礎架構圖、微服務地圖,以及企業架構。當你需要快速、可編輯的 Diagramming 輸出時,它比泛用提示詞更適合取代使用。

Diagramming
收藏 0GitHub 1.1k
M
json-canvas

作者 MarsWang42

json-canvas 可協助代理為 Obsidian 與其他 JSON Canvas 應用建立與編輯有效的 `.canvas` 檔案。可用來產生結構正確的節點、連線、群組、位置與圖層順序,適合心智圖、流程圖與輕量型圖表工作流程。

Diagramming
收藏 0GitHub 690
C
architecture-diagram

作者 Cocoon-AI

使用內嵌 SVG,製作精緻、深色主題的架構圖,並輸出為獨立 HTML 檔案。architecture-diagram 技能專為系統架構、基礎架構、雲端、安全性與網路拓樸圖而設計,提供可直接在瀏覽器開啟的視覺化成果,具備語意化配色、清晰的元件關係與一致的技術風格。

Diagramming
收藏 0GitHub 183
K
markdown-mermaid-writing

作者 K-Dense-AI

markdown-mermaid-writing 是一個用於科學與技術文件的 Markdown 與 Mermaid 圖表撰寫技能。可將工作流程、架構、分析與報告整理成可編輯、以文字為先的文件,搭配清楚的圖表、方便版本控管,並提供 Technical Writing 實務上可用的 markdown-mermaid-writing 用法。

技术写作
收藏 0GitHub 0
M
hand-drawn-diagrams

作者 muthuishere

hand-drawn-diagrams 技能可將自然語言提示轉成手繪風格的 Excalidraw 圖表、流程圖、說明圖、線框圖與頁面 mockup。它會驗證輸出,並可回傳可編輯 URL 以及可匯出的圖片。適合想要速寫感成果、而不是精緻向量圖樣式時,快速繪製圖表。

Diagramming
收藏 0GitHub 0
图表绘制