220. 用自定义的 Claude Code 子代理生成博客封面排版

他们做了什么

这位博主在 Claude Code 中用 /agents 命令创建了一个子代理，描述了它要做什么，然后输入一篇文章的标题运行它。代理生成了一个 HTML 页面：一个 3.35:1 的排版，包含一张 2.35:1 的主封面和一张 1:1 的分享封面，使用 Tailwind 和 Google Fonts 设计样式，还有一个按钮可以用 Snapdom 保存为 PNG。他在 VS Code 中用 Live Preview 预览这个文件。

结果如何

这次运行在 42.6 秒后报告完成，生成了带有可用下载按钮的排版。作者说早期的产出可能比较粗糙，代理会通过反复使用和迭代不断改进。

需要知道

这个代理的系统提示词公开在作者 GitHub 仓库的 .claude/agents 目录下，你可以复制过来按需修改。

你可以这样尝试

创建一个可复用的子代理：输入一篇博客文章的标题，生成一个包含封面图排版的 HTML 文件，尺寸为 [宽 x 高]，使用我的品牌色 [颜色] 和字体 [字体]。加一个能把排版下载为 PNG 的按钮。用标题"[示例文章标题]"测试一下，当 HTML 能正确打开、PNG 也能下载时就停止。