Skill + Nano Banana + GitHub Action + Vercel Deploy: Blog Automation
I’ve been trying to build this automation for a long time, but the results were always pretty bad.
Link: https://www.aitmpl.com/blog/
Until several technology advances finally came together. Here’s the full process of how I’m doing it today... and how I plan to keep improving it:
1- Claude Skills:
A Skill that searches for the component I want to write about. I review the component, go through Anthropic’s documentation for that component, and get the perfect context to write the blog post.
The Skill comes with a solid blog structure, a Mermaid diagram, installation instructions, usage, and results. 100% validated by me. This is how I use Agents, Commands, Settings, Hooks, MCPs, and Skills.
2- Nano Banana:
I create the blog cover with Nano Banana. I don’t need a fancy cover with tons of colors and design. Tech blogs are direct and to the point. Devs don’t really care about heavy design.
3- GitHub Action:
I run this process once a day to create a blog post about one of the most downloaded components on http://aitmpl.com. It’s great that the community keeps sharing components, but if we don’t know how and when to use them, the most important part is lost.
4- Vercel Deploy:
Automatic deploy with the new blog ready and published.
Future improvements:
- Add a pre-deploy step to review the blog before publishing. Right now, I review directly in production and send a hotfix if I find improvements.
- Telegram notification with a blog preview, so I can read it, request changes directly from Claude via Telegram, and then approve the deploy.
- Discord notification so the community knows a new blog has been published.
- Trigger this process every time I approve a PR for a new component contributed by the community to the repo.
Fully open source: https://github.com/davila7/claude-code-templates
Contribute your component with a PR, or show some love with a star ⭐️