使用自定义 Claude Code 子智能体生成博客封面布局

一位博主构建了一个 Claude Code 子智能体，该智能体能将帖子标题转换为带有 PNG 下载按钮的 HTML 封面图片，完成过程约需 42 秒。

具体怎么做

博主使用 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，你可以复制并自行调整。