diagram-design 38 种编辑图示设计技能源码（Claude / Codex 即用）

项目简介

Editorial diagram types for Claude Code, Codex, Factory Droid, Pi, and Agent Skills-compatible hosts. Self-contained HTML + SVG. No shadows. No Mermaid slop. Semantic patterns describe behavior separately from layout, so a queue, policy trace, or trust boundary can use the nearest existing type without expanding the type count. Static HTML remains the default; optional motion is available for ordered explanations. The skill also redraws draw.io, Mermaid, or Excalidraw sources at a chosen format,

diagram-design 38 种编辑图示设计技能源码（Claude / Codex 即用） 是一个开源项目，本站提供完整源码压缩包下载，并整理了安装教程、使用说明与项目结构说明，方便你快速跑起来、看懂代码、进行二次开发。

核心特性

• 附完整项目文档（README），上手成本低
• 技术栈：未知，代码结构清晰，适合二次开发

适用场景

• 个人/团队自用：把它部署到自己的服务器上，替代付费 SaaS，数据完全掌控在自己手里，长期使用零订阅成本。
• 二次开发/定制：源码完整可读，可以在其基础上做功能裁剪、界面改造或集成到自己的产品里，省去从零开发的时间。
• 学习研究：项目工程化程度高，适合学习生产级代码组织、架构设计与最佳实践，对照源码学效率翻倍。
• 商业项目参考：其中不少能力（如权限、存储、任务调度）可直接借鉴到商业项目中，注意遵守其开源协议。

项目预览

安装教程

以下命令整理自项目官方文档，按顺序执行即可完成安装：

/plugin marketplace add cathrynlavery/diagram-design
/plugin install diagram-design@diagram-design

codex plugin marketplace add cathrynlavery/diagram-design
codex plugin add diagram-design@diagram-design

copilot plugin marketplace add cathrynlavery/diagram-design
copilot plugin install diagram-design@diagram-design

使用方法

安装完成后按 README 指引启动服务或命令行入口；常见入口：启动脚本、主程序可执行文件、或 docker compose up。启动后按控制台提示访问本地地址即可。

项目结构

源码包主要目录与文件：

常见问题

Q：下载后怎么开始？
解压压缩包后先阅读 README（项目说明文档），按「安装教程」小节的命令安装依赖即可运行，遇到版本问题时优先检查依赖版本要求。

Q：需要什么运行环境？
项目主要基于 未知，请确保本机已安装对应运行时与包管理器；若项目提供 Dockerfile，推荐用 Docker 部署，环境一步到位。

Q：可以商用吗？
取决于项目自身的开源协议（MIT / Apache / GPL 等），商用前请查看压缩包内的 LICENSE 文件，遵守协议要求。

相关推荐

• claude-code-templates Claude Code 配置模板源码（CLI 管理·监控）
• evals-skills LLM 评估技能源码（构建模型评估的 Agent 技能）
• Anthropic 金融服务 MCP 源码（把金融数据 / 工具接入智能体）

声明：本项目为第三方开源软件，本站仅提供源码打包下载与整理教程，版权归原作者所有；使用请遵守其开源协议。

主题授权提示：请在后台主题设置-主题授权-激活主题的正版授权，授权购买：RiTheme官网