Dive Club
Posts
🤿 my vibe coding playbook

🤿 my vibe coding playbook

+ introducing the new Dive Club talent network

Ridd
June 25, 2025

In last week’s episode, the Head of Design at The Browser Company shared a totally new way to think about your portfolio.

He says one of the most valuable things you can demonstrate today is the ability to solve real problems with code (no matter how small).

I’m literally doing this with a side project right now and I’ve learned a lot so I decided to share my personal playbook for vibe coding 👇

🤝 WITH GRANOLA

So I’ve been doing a ton of demos for Inflight sometimes I’ll have four 30 min calls in a row.

And I have no idea how I would do it without Granola…

It’s like Apple notes but it transcribes each meeting for me and then enhances my notes after

That way it’s easy to get little summaries or pull out quotes

I can even share a link in Slack or export directly to Notion

But what’s really crazy… is I can then set a context window to ask AI questions about those demo conversations 🤯

Like I can tell it to create a bulleted list of all the feature ideas that people mentioned to me over the last 10 interviews.

I firmly believe every single designer should be using Granola for all product conversations

They’re offering a big time discount for Dive Club listeners. Click the link and get 3 months free for you and your team 👇

🔗 FEATURED RESOURCE

Dive Club Talent Network

When I first started Dive, getting talented designers hired was core to the mission.

So I found a new product partner to help me execute on that goal again.

If you’re open to new opportunities, take a second to claim a spot in the new talent network.

I’ll be pointing hand-vetted companies your way and hopefully getting people into some epic new roles 💪

On that note, if you’re hiring you can sign up here to access the network.

🔗 FEATURED RESOURCE

Meng To’s workflow for going from screenshot to HTML

Remember last Summer when I talked about how we’re still in the Discord bot era of AI design and how we needed our Visual Electric moment?

Well we’re getting pretttty close…

Meng To (from the popular episode about coding with AI for designers) just shared his latest workflow for going from screenshot to HTML and it’s pretty slick.

If you’re still pointing at AI and saying it only outputs generic designs then you’re missing the point imo. It can make anything you want as long as you use the right workflows/tools.

🔗 FEATURED RESOURCE

Practical guide to improving your visual design

I talk to a lot of people hiring designers and one thing is quite clear: you have ~6 seconds to convince them that your visual skills meet their bar. This is a non-negotiable.

Check out these segments from Mig Reyes (Duolingo) or Christophe Tauziet (Plaid) if you want to hear it for yourself.

For some people though “visual chops” is too wishy washy. This was made quite clear to me in a Linkedin comment the other day lol.

After spending a long time as a design advisor through Shift Nudge, I’m of the belief that the core fundamentals of visual design are quite quantifiable though. And this is why I’m able to tell if you understand the principles of alignment, typography, contrast, etc. in as little as ~6 seconds.

So I went looking for a solid resource to make visual design a bit more practical and I think I found it 👇

🧃 INSPIRATION JUICE

3 things I saved this week

1️⃣ Fey sound wave animation

If you can count on one thing from this newsletter it’s that I will always share any new designs from Thiago Costa.

Check out this sound wave animation on their new Earnings page.

I think the transition from listening to reading is pretty genius.

See it live →

2️⃣ Auth modal from Subframe

While making the vibe designing with Subframe episode I ended up saving their auth modal when you click sign up on the website.

They’ve embedded a Screen Studio video and the whole thing is quite clean 👌

Check it out →

3️⃣ Line pattern background

You gotta really zoom in on this one from Moe but he’s doing something really interested with diagonal lines as a way to shade sections (vs. using a standard gray fill).

I haven’t seen something quite like this before and I think I love it.

Check it out →