Kuala Lumpur
← 全部用例

English

销售与营销 · Claude Code

做一个 Claude Code sub-agent，替博客文章排封面

想法 + starter prompt，我们还没跑过

适合：每篇文章都要封面和分享图的博客作者

博客作者在 Claude Code 里用 /agents 指令做了一个 sub-agent，然后给它一个文章标题去跑。它做出一个 HTML 页面，有一张宽的主封面和一张正方形的分享图，用 Tailwind 和 Google Fonts 排版，还有一个按钮可以存成 PNG。这次跑了 42.6 秒就报告完成。

步骤

  1. 在 Claude Code 输入 /agents，建一个新的 sub-agent。描述它的工作、封面尺寸和你要的风格。
  2. 给它一个文章标题去跑，打开它做的 HTML 页面，例如用 VS Code 的 Live Preview。
  3. 按下载按钮，检查存出来的 PNG 和页面上看到的一样。
  4. 早期的结果可能比较粗。作者说多用几次、多改几次，agent 会越来越好。
  5. 作者把 agent 的 system prompt 放在 GitHub repo 的 .claude/agents 底下，你可以复制来改。

Starter prompt

Starter prompt，先把 [方括号] 换成你的资料。

帮我建一个替博客做封面的 Claude Code sub-agent。它拿一个文章标题，做出一个 HTML 页面，里面有两种版面：一张宽的主封面和一张正方形的分享图，用 Tailwind 和一个 Google Font。加一个按钮，把每个版面存成 PNG。先给我看你建议的 system prompt，还有它在 [项目文件夹]/.claude/agents 底下的文件路径。我批准之前什么都不要写。然后用示范标题 [文章标题] 测试，输出放进一个叫 [测试输出文件夹] 的新文件夹。我的博客文件一个都不要动。

原帖：cnblogs.com · 来源 agentusecases.ai。内容是我们用自己的话写的，我们还没跑过，先用假资料试。