Agent Skills
Home /Claude Skills /claude-d2-diagrams

Claude D2 Diagrams

该项目技术价值显著，通过自动化图表生成提升开发效率和文档质量。特别...
核心原理：
claude-d2-diagrams 是一个 Claude Code 插件，通过扫描 Terraform、Kubernetes、Docker 等代码模式，使用 D2 语言自动生成基础设施和架构图及相关文档。支持暗/亮主题、动画流量显示和 100+ 云服务图标，帮助开发团队快速可视化代码结构并输出自包含 SVG 文件。
关键功能 (KEY FEATURES)
01多语言扫描
支持扫描 Terraform、Kubernetes、Docker 和 CloudFormation 等代码模式。
02主题支持
自动适配暗/亮主题，并生成对应 SVG 文件。
03动画流量
显示动态流量流向，尊重 prefers-reduced-motion 设置。
04自动修复
D2 语法验证并自动修复错误。
github.com/heathdutton/claude-d2-diagrams
devops·heathdutton·2026-01-14·⭐ 3·🔱 0
精选导航站 agent-skills.cc
安装方式
下载
HTTPS
git clone https://github.com/heathdutton/claude-d2-diagrams.git
SSH
git clone [email protected]:heathdutton/claude-d2-diagrams.git
GitHub CLI
gh repo clone heathdutton/claude-d2-diagrams
常见问答
Q: Claude D2 Diagrams Agent Skills 的安装步骤是什么？
1.安装插件: 克隆项目或通过 marketplace 添加插件至 Claude。
2.安装依赖: 安装 D2 引擎（如未安装）。
3.执行命令: 运行 /d2:diagram 命令生成图表。
4.自定义配置: 创建 rules.md 文件调整规则。
Q: Claude D2 Diagrams Agent Skills 的亮点是什么？
  • 支持 100+ 图标库，覆盖 AWS、GCP、Azure 等主流云服务。
  • 增量生成功能提高效率，仅处理变更部分代码。
  • 输出自包含 SVG 文件，无需外部依赖直接使用。
  • 动画流量显示能力，动态展示组件交互关系。
Q: Claude D2 Diagrams Agent Skills 的使用场景是什么？
  • 自动化生成云基础设施文档，减少手动绘图时间。
  • 代码库架构可视化，便于团队技术讨论和评审。
  • DevOps 流程中实时监控基础设施变更影响。
  • 生成自包含 SVG 文件用于技术文档嵌入。
Q: Claude D2 Diagrams Agent Skills 的局限性是什么？
  • 必须安装 D2 工具链，增加环境配置复杂度。
  • 自定义规则需手动创建 rules.md 文件配置。
相关 Claude Code Skills
system-prompts-and-models-of-ai-tools

x1xhlol/system-prompts-and-models-of-ai-tools

x1xhlol

这是一个AI开发者必备的宝库，收录了30+主流AI工具的系统提示词和内部模型文档。相当于给你一本AI工具的'后厨食谱'，让你看透各大平台的运作机制。

30万行真实系统提示词，让你站在AI工具设计者的肩膀上开发

108.4k28.4k
claude-code

anthropics/claude-code

anthropics

Claude Code 是 Anthropic 官方的终端 CLI 工具，就像一个懂你代码的智能助手。它能帮你理解复杂代码、执行日常任务、处理 Git 工作流，一切只需用自然语言告诉它。

大幅提升开发效率，复杂的Git操作一句话搞定

56.7k4.1k
superpowers

obra/superpowers

obra

Superpowers 是你代码开发的超级助手。它能像资深工程师一样思考，把你的模糊想法变成清晰计划，分解任务并监督执行。不再是机械写代码，而是帮你设计、规划和把关整个开发流程。

不仅写代码，更懂如何组织开发流程，就像免费雇了个技术主管

45.5k3.4k
context7

upstash/context7

upstash

Context7就像给你的AI编程助手装上了实时更新的百科全书。它会自动拉取最新版本的库文档和代码示例，再也不用担心AI给你过时的解决方案或者根本不存在的API了。

彻底解决AI编程最头疼的问题——过时的文档和虚假API

42.0k2.0k
cherry-studio

CherryHQ/cherry-studio

CherryHQ

Cherry Studio 是你的 AI 超级工具箱，一个桌面端就能同时调用 OpenAI、Claude、Gemini 等主流大模型。300+预置助手任选，支持文档处理、代码高亮，还能多模型协同对话。

聚合主流AI服务，文档处理与代码开发无缝衔接，开源免费却有商业级体验

38.7k3.6k
everything-claude-code

affaan-m/everything-claude-code

affaan-m

这是一份Node.js后端开发的黄金指南，收录了RESTful API设计、数据库优化、缓存策略等实战模式。就像有个资深架构师手把手教你写出工业级代码，从此告别低效的后端开发。

37k星标验证的实战精华，直接提升代码质量和开发效率

33.3k4.1k