Latest from Bluesky

Click the butterfly to load posts

Menu

← Back to Blog

Hello, World. New Theme, New Vibe.

I thought to myself:

“Isn’t this a space where I should express creativity, push myself, and learn? Well then why don’t I create my own Astro site theme for the website.”

I really liked the space theme I was using previously but it was just too distracting while trying to focus on reading the content.

So I started building. One prompt after the next, the vision became a reality.

All within 2 days.

Built With

  • Astro 6
  • Tailwind CSS 3
  • TypeScript

Theme

Minimal Modern Hipster — Digital Paper (#F9F9F8) surfaces, Terracotta (#C05746) accents, Playfair Display for headings, Inter for body text.

How did I build it?

Vibe coding.

No, but seriously, I just talked to AI to refine the idea, get guidance, construct the plan, and then write the code.

Today, we are more the orchestrators than the drivers. Standing behind the scenes delegating and watching AI agents to take the wheel.

My setup and flow for this one were simple:

  1. Asked Gemini using my custom OpenCode notebook (it is designed with a guided system prompt to understand my mission for projects) that I was wanting to build my own astro theme for my website. With a few design details sprinkled in.
  2. Gemini then helped me refine the vision and then gave me the Master Prompt to give the AI agent running in Opencode (lately OpenCode Go has been amazing).
  3. Pasted the refined master prompt in OpenCode and we were off to the races! After that it was just working with the codebase in OpenCode desktop to build the features.
  4. Then do the same thing we did using Gemini but in OpenCode and with our codebase, refine and optimize by asking questions about the project so it can point out what is missing before I push it live.
  5. Pushed the site live to GitHub pages, and now we have the site you are seeing today.

Best of all the whole site build out from plan to live would have costs $0.68. That’s how much in “credits” I used on OpenCode’s Go plan. I will do a whole write up about this, and the model DeepSeekv4 Flash I have been using. It’s been a great experience so far.

It’s $5 for the 1st month and $10 thereafter, for up to $60 worth in monthly usage with hourly/weekly/monthly limits. With a model like this, I have been vibe coding all day with a steady pace of not capping out quotas. It’s been a relief because I had to find an alternative to Github Copilot.

What’s Next?

Site tweaks, new content and guides, and some much needed relaxation time with my dog, Sunshine.

Then back to work on finishing up a couple of projects I have been working on.

I also have a big update for the Sunshine Family Dashboard that is in the works that rewrites a lot of features and functions. It’s a big one, so I will make a post about the update.

Until then, keep building.

~ Tarlow