AI Services Market › Use cases › Content & Creative
Content & CreativeDone with Claude Code Nov 1, 2026
Generate blog cover layouts with a custom Claude Code sub-agent
A blogger built a Claude Code sub-agent that turns a post title into an HTML cover-image layout with a PNG download button, finishing in about 42 seconds. · Nov 1, 2026
- What They Did
- The blogger created a sub-agent with the /agents command in Claude Code and described what it should do. They then ran it with a post title. The agent produced an HTML page: a 3.35:1 layout with a 2.35:1 main cover and a 1:1 share cover, styled with Tailwind and Google Fonts. A button saves it as PNG using Snapdom. He previewed the file in VS Code with Live Preview.
- How It Went
- The run reported done in 42.6 seconds and produced the layout with a working download button. The author says early output may be rough and the agent improves through repeated use and iteration.
- Worth Knowing
- The agent's system prompt is published in the author's GitHub repo under .claude/agents, so you can copy it and adapt it.
Try it yourself with Claude Code
Create a reusable sub-agent that takes a blog post title and produces a single HTML file with a cover-image layout sized [width x height], using my brand colors [colors] and font [font]. Include a button that downloads the layout as a PNG. Test it with the title "[sample post title]" and stop when the HTML opens correctly and the PNG downloads.