Community编程与开发github.com

LizardLiang/interactive-diagram

交互式技术图表(系统/架构/时序/流程)以单个自包含 HTML 文件的形式呈现。一个 Claude 技能/插件 — 通过 npx skills add LizardLiang/interactive-diagram 安装。

interactive-diagram 是什么?

该技能允许 Claude 用户生成交互式技术图表,包括系统架构图、架构概述、时序图以及流程图。所有图表均以单个自包含的 HTML 文件形式输出,无需额外依赖即可在浏览器中直接查看与交互。适用于 Claude Code 等 AI 编码助手,用户可通过 npx skills add 命令轻松安装。此技能的核心价值在于将静态的图表描述转化为可缩放、可点击、可交互的可视化文档,极大地方便了技术文档编写、系统设计展示以及团队协作沟通。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add LizardLiang/interactive-diagram

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

interactive-diagram 是做什么的?

交互式技术图表(系统/架构/时序/流程)以单个自包含 HTML 文件的形式呈现。一个 Claude 技能/插件 — 通过 npx skills add LizardLiang/interactive-diagram 安装。

相关技能