Claude软件写代码交付AI 评分 · 73/100AI 辅助编辑·未发现明显提示词注入风险X

一段提示词让 AI 给博客增加 pele 图表渲染并保留 mermaid

输入：自然语言需求描述；处理：AI 编码助手生成集成代码；输出：支持 pele 与 mermaid 双渲染的博客提交

有一点经验步骤提示词贴士
给谁
有博客维护经验、使用 AI 编码助手的开发者
你会得到
用一条提示词驱动 AI 完成第三方图表库的集成，同时保留原有 mermaid 渲染能力
你需要
Gemini

硬约束

在 AI 编码助手（如 Cursor、Claude Code 等对话式编码环境）中直接提交自然语言提示词，要求按现有 mermaid 配置方式并行添加 pele 渲染支持。作者未说明具体博客框架，需自行确认项目结构与构建流程。模型版本为预览代号（Gemini 4 Argon、Opus 5.5），非公开发布版本。

他们做了什么

作者 wangwei1237 在维护个人博客时发现 pele 这款 mermaid 图表渲染库，希望为博客增加 pele 渲染方式同时保留现有 mermaid 支持。他编写了一段自然语言提示词，先在 Gemini 4 Argon 上尝试，该模型运行 20 分钟仍在浏览代码未能启动优化；随后切换至 Opus 5.5，2 分钟内完成代码修改并提交到其 GitHub 仓库（commit c22f234）。

效果如何

作者报告：Gemini 4 Argon 对简单编码任务表现不佳，20 分钟未完成；Opus 5.5 效率显著更高，2 分钟产出可提交代码。（author_report）

值得知道

模型选择对同类任务效率影响可能很大，但单次对比不构成系统性结论。pele 库官网为 https://pele.run/，与提示词中的 t.co 短链指向同一目标。作者未披露博客具体技术栈（Jekyll、Hexo 等），复现时需自行适配项目结构。GitHub 提交记录可作为完成证据，但 diff 内容未在帖中展示。提示词中的 '图标渲染' 应为 '图表渲染' 的笔误，原文如此保留。模型版本 'Gemini 4 Argon' 和 'Opus 5.5' 为预览/内部代号，非公开发布的稳定版本号。

步骤

  1. 发现 pele 库并准备需求描述

    了解 pele（https://pele.run/）是一款轻量级开源 mermaid 图表渲染库。确认自己博客当前已使用 mermaid 渲染方式，准备向 AI 描述集成需求。

  2. 在 AI 编码助手中提交提示词

    打开 AI 编码助手对话界面，将以下提示词原样发送。作者先尝试 Gemini 4 Argon，20 分钟仍在浏览代码未开始优化；后切换为 Opus 5.5。

    运行提示词 · 来源原文。AI 编码助手对话输入框

    pele（https://t.co/c392wrPTkC）是一款轻量级的开源 mermaid 图标渲染库，我的博客现在用到的渲染是mermaid方式，请按照mermaid的配置方式，为博客增加pele的渲染方式，注意不要去掉对mermaid的支持。

  3. 审阅 AI 生成的代码并提交

    等待 AI 生成修改后的代码文件，检查 pele 渲染是否正确接入、mermaid 原有配置未被删除或破坏。确认无误后提交到代码仓库。作者报告 Opus 5.5 在 2 分钟内完成并产出可提交代码。

可复制提示词

参考提示词 · 来源原文。使用前确认粘贴位置、输入变量及输出格式。

这一段是提示词，页面不会在这里插入广告。

pele（https://t.co/c392wrPTkC）是一款轻量级的开源 mermaid 图标渲染库，我的博客现在用到的渲染是mermaid方式，请按照mermaid的配置方式，为博客增加pele的渲染方式，注意不要去掉对mermaid的支持。

步骤 2 中的提示词为作者原话，直接复制到 AI 编码助手使用。注意替换 t.co 短链为实际 pele 官网 https://pele.run/ 以确保链接有效。

来源

一段提示词让 AI 编码助手给博客加 pele 图表渲染，同时保留 mermaid 支持（Opus 2 分钟完成提交） · wangwei1237 · X · 2026-10-21T03:44:41.000Z

留言与反馈

试过这个方法吗？分享效果、遇到的问题或改进建议。留言审核后公开，请勿填写敏感信息。

正在加载…

    相关用例