图表绘制

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

23 个技能
K
json-canvas

作者 kepano

json-canvas 可帮助创建和编辑有效的 .canvas 文件,用于 Obsidian 风格的看板,正确处理节点、边、ID、坐标、分组和引用等结构。

图表绘制
收藏 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 文件,方便后续修改。

图表绘制
收藏 0GitHub 4k
C
excalidraw-diagram

作者 coleam00

excalidraw-diagram 用于创建 Excalidraw JSON 图表,让图表不仅是摆放方框和箭头,而是能清晰地“论证”关系。适合工作流、架构、时序流程、决策路径和概念图等场景,尤其在你需要结构清楚、可读性强、真实关系明确时更合适。它包含安装指引、面向渲染的检查,以及一套实用的绘图工作流,帮助你做出更好的图表。

图表绘制
收藏 0GitHub 2.2k
Y
fireworks-tech-graph

作者 yizhiyanhua-ai

fireworks-tech-graph 是一项图表制作技能,可将系统描述转换为可直接用于生产的 SVG 和 PNG 图表。它包含安装说明、辅助脚本、校验方法、模板和风格参考,适用于技术图、架构流程图、时序图以及相关的可视化工作流。

图表绘制
收藏 0GitHub 1.6k
S
mermaid-diagrams

作者 softaworks

mermaid-diagrams 是一份实用的 Mermaid 参考资料,涵盖 flowcharts、sequence diagrams、class diagrams、ERDs、C4 和 architecture diagrams。你可以用它来判断该选哪种图表类型,跟着仓库里的参考资料组织内容,并借助更好的提示方式和考虑渲染器差异的语法,创建适合文档、便于版本管理的图表。

图表绘制
收藏 0GitHub 1.3k
S
excalidraw

作者 softaworks

excalidraw 是一项面向图表工作流的技能,通过把冗长的 `.excalidraw` JSON 委派给子 agent 处理,用于解释、更新和创建 Excalidraw 图。适合架构图、流程图以及需要理解图表内容的任务,同时避免主 agent 上下文被大量 JSON 挤占。

图表绘制
收藏 0GitHub 1.3k
M
uml

作者 markdown-viewer

uml 技能可帮助你创建用于软件建模的 PlantUML 图,包括类图、时序图、活动图、状态机图、组件图、用例图、部署图及相关图表。当你需要可编辑、自动布局、以文本为先的图来配合代码、文档和仓库工作流时,适合使用 uml 进行绘图。它不适合分层架构图、普通图表或 BPMN 工作流。

图表绘制
收藏 0GitHub 1.1k
M
security

作者 markdown-viewer

security 技能可用 AWS stencil 生成 PlantUML 安全架构图,涵盖身份认证、加密、防火墙、合规和威胁检测等场景。适用于 IAM 流程、零信任设计、加密流水线、Security Audit 图表以及可直接交付审阅的文档。它不适合通用云基础设施图或泛用 UML 建模。

安全审计
收藏 0GitHub 1.1k
M
network

作者 markdown-viewer

使用 network 技能创建带有 mxGraph 设备图标、自动布局、区域分组和清晰链路语义的 PlantUML 网络拓扑图。它适用于 LAN、WAN、企业网络、数据中心、无线、安全以及厂商专有图示,并提供网络使用示例,以及 network 与 uml 或 cloud 何时使用的说明。

图表绘制
收藏 0GitHub 1.1k
M
iot

作者 markdown-viewer

使用 PlantUML 创建 IoT 架构图,包含设备、传感器、网关、边缘和云服务图标。iot skill 最适合智能家居、工业 IoT、车队遥测、传感器网络、数字孪生和机器人场景。它适用于清晰表达 IoT 术语和图标,不适合通用云图或 UML 图。

图表绘制
收藏 0GitHub 1.1k
M
graphviz

作者 markdown-viewer

graphviz 是一款基于 DOT 的制图技能,用于创建自动布局的有向图和无向图。适合依赖树、调用图、包层级、所有权关系图,以及其他以清晰结构比手动摆位更重要的 graphviz 制图场景。它能帮助 agent 产出更符合规范的 DOT,减少渲染错误。

图表绘制
收藏 0GitHub 1.1k
M
data-analytics

作者 markdown-viewer

data-analytics 技能可生成用于数据分析工作流的 PlantUML 图,包括 ETL、ELT、数据湖、数据仓库、流式管道、日志分析和 BI 仪表盘。它针对清晰的源到目标流向、AWS 分析/数据库图形符号,以及实用的数据分析指南式输出进行了优化,而不是通用的软件图或云架构图。

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

作者 markdown-viewer

使用 cloud 技能创建带有官方云厂商图标集的 PlantUML 云架构图,支持 AWS、Azure、GCP、阿里云、IBM Cloud 和 OpenStack。它是面向 Cloud Architecture 的实用云图指南,提供安装与使用模式、服务边界和面向流向的布局,适合绘制定向真实部署的架构图。

云架构
收藏 0GitHub 1.1k
M
canvas

作者 markdown-viewer

canvas 可创建带自由摆放和明确 x/y 坐标的 JSON Canvas 图。适合思维导图、知识图谱、概念图、规划板,以及其他以空间布局比顺序更重要的制图工作流。它不适合流程图或数据图表。需要可编辑的节点、连线和结构化布局时,请使用 canvas 技能。

图表绘制
收藏 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 中构建分层系统视图的制图 skill,支持颜色分区、网格布局和清晰的组件层级。它尤其适合用户/应用/数据/基础设施图、微服务拓扑和企业架构。与通用提示词相比,当你需要快速、可编辑的 Diagramming 输出时,它更适合直接使用。

图表绘制
收藏 0GitHub 1.1k
M
json-canvas

作者 MarsWang42

json-canvas 可帮助代理为 Obsidian 及其他 JSON Canvas 应用创建和编辑有效的 `.canvas` 文件。可用它生成结构正确的节点、连线、分组、位置与层级关系,适用于思维导图、流程图以及轻量级制图工作流。

图表绘制
收藏 0GitHub 690
C
architecture-diagram

作者 Cocoon-AI

使用内联 SVG,将技术架构图制作成独立的 HTML 文件,呈现精致的深色主题效果。architecture-diagram skill 面向系统架构、基础设施、云、安全和网络拓扑图,提供可直接在浏览器中打开的可视化结果,具备语义化配色、清晰的组件关系和统一的技术风格。

图表绘制
收藏 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 图表、流程图、说明图、线框图和页面原型。它会校验输出,并可返回可编辑 URL 以及可导出的图片。适合需要快速出图、想要草图感而非精致矢量风格的场景。

图表绘制
收藏 0GitHub 0
图表绘制