claude-mermaid
★ 150
vs
claude-code-guide
★ 4.2k
claude-mermaid vs claude-code-guide
claude-mermaid：Claude Mermaid是一个MCP服务器，用于在Claude Code中渲染Mermaid图表，提供实时重载和内置的AI技能以获取专家指导。它通过在浏览器中自动更新预览来简化迭代图表开发，从而优化图表修改流程。；claude-code-guide：该仓库提供了Claude Code的综合指南，详细介绍了在多种操作系统上的安装、配置设置和高级功能。它涵盖了命令、快捷方式、MCP等集成，以及故障排除技巧，旨在优化开发者与Claude AI助手的交互。
01
简评
选 claude-mermaid 如果…通过实时反馈快速开发和优化Mermaid图表
选 claude-code-guide 如果…在开发环境中自动化代码生成、重构和调试任务。
02
并排对比
03
功能特性
claude-mermaid01实时重载：编辑时图表在浏览器中自动刷新
02多种保存格式：导出为SVG、PNG或PDF
03内置技能：包含一个Claude技能，提供创建图表的最佳实践和专家指导
04交互式预览：通过拖动平移图表，使用浏览器控件缩放，一键重置位置
05多重预览：使用`preview_id`同时处理多个图表
claude-code-guide01提供多种操作系统和Docker环境的全面安装指南。
02通过环境变量和全局设置实现广泛的配置选项。
03支持思考模式、计划模式、子代理和技能等高级AI交互模式。
04具备自动化开发工作流的能力，例如自动PR审查和问题分类。
05集成MCP、Amazon Bedrock和Google Vertex AI等多种平台和协议。
04
使用场景
claude-mermaid↳通过实时反馈快速开发和优化Mermaid图表
↳将Mermaid图表绘制直接集成到Claude Code的工作流程中
↳生成并导出多种格式（SVG、PNG、PDF）的图表用于文档
↳利用AI指导获取图表创建的最佳实践
claude-code-guide↳在开发环境中自动化代码生成、重构和调试任务。
↳设置智能代理以处理特定的开发工作流程和高级编码挑战。
↳根据不同的项目需求定制和优化Claude Code的行为和环境。
05
适合场景
claude-mermaid时下流行视觉/多模态开发者工具
claude-code-guide时下流行必备神器
FAQ
常见问题
claude-mermaid 和 claude-code-guide 有什么区别？
claude-mermaid 和 claude-code-guide 都属于 Vision / Multimodal 类别。claude-mermaid 有 150 Stars，claude-code-guide 有 4.2k Stars。
claude-mermaid 和 claude-code-guide 哪个更好？
最佳选择取决于你的具体需求。通过实时反馈快速开发和优化Mermaid图表 时选 claude-mermaid，在开发环境中自动化代码生成、重构和调试任务。 时选 claude-code-guide。
claude-mermaid 是免费的吗？
是的，claude-mermaid 在 GitHub 开源（MIT）。
claude-code-guide 是免费的吗？
是的，claude-code-guide 在 GitHub 开源（ANTHROPIC）。
→