Skip to content

Pencils down: We share our vibe-coded websites

The Vergecast

45m
Transcript

Original podcast

Summary

Written by a model from the transcript; not yet reviewed.

The hosts and guests on The Vergecast review a month-long vibe coding challenge where they attempted to build functional websites to solve real-life personal problems using various AI chatbot tools like Codex, Claude Code, and Gemini. The guest describes building a sleek personal portfolio and resume site on GitHub Pages using Gemini, detailing the frustrations of dealing with rigid AI guardrails, broken link-scraping, and excessively difficult UI elements like buttons. Another guest details using Codex to build a vegetable-sharing app for a community-supported agriculture share, highlighting the recurring frustration of hitting technical dead ends and unpublishable features. The host showcases a private family photo-sharing web app built in Claude Code featuring secure magic links and an automated Apple Shortcut upload, as well as a searchable, categorizable archive for a newsletter featuring nearly six,000 links. Ultimately, the participants debate the massive chasm between building a rough prototype for personal utility and scaling secure, robust software for a broader audience.

  • Publishing small personal websites for free is possible using GitHub Pages and customized AI prompts, even with strict platform limitations. 14:11
  • Building personal utility apps like a family photo repository requires careful handling of metadata like EXIF data to maintain accurate chronological timelines. 29:55
  • Creating automated archives for newsletters requires massive token usage and extensive back-and-forth iteration to categorize unstructured data. 38:00

Chapters

  1. 0:02
    Episode Intro and 90‑Second News

    David Pearce opens the show, gives a quick rundown of the Vergecast and shares the latest 90‑second news roundup.

  2. 4:16
    Show and Tell – Jake’s Experience

    Jake recounts his journey using Codex to build a to‑do app and an email app, highlighting the frustrations and learning curve.

  3. 9:38
    Show and Tell – Hayden’s Portfolio Site

    Hayden describes revamping his old portfolio with Gemini, detailing design choices, challenges, and the final product.

  4. 29:40
    Show and Tell – David’s Family Photo Hub

    David showcases a secure, auto‑sorted photo gallery built with Claude Code, explaining the shortcut integration and privacy features.

  5. 37:26
    Show and Tell – David’s Installer Archive

    David presents an automated archive of his weekly Installer newsletter, built with Claude Code, and discusses its potential and limitations.

  6. 42:37
    Reflections on Vibe Coding Tools

    The hosts reflect on the strengths and gaps of AI coding assistants, noting how they help prototype but fall short for production‑ready products.

  7. 44:28
    Closing Thoughts and Takeaways

    The episode wraps up with final musings on the future of AI‑assisted development and the need for deeper engineering skills to scale ideas.

  8. 45:09
    Closing Remarks and Thank You

    Hosts wrap up the episode, thanking listeners and acknowledging contributors.

  9. 45:43
    Subscription Promotion and Support

    Hosts promote subscribing to The Verge for ad‑free content and exclusive newsletters.

  10. 46:24
    Mid‑Life Health Ad

    An ad segment promotes Midi for perimenopause and menopause symptoms.

  11. 47:00
    Oracle Database Ad

    An ad segment advertises Oracle AI Database for business data needs.

Highlights

  • 4:49

    Switching Chatbots Yields Different Resultsinsight

    The guest explains how switching from Claude Code to Codex for their second vibe coding project led to a drastically worse and more frustrating experience due to unhelpful agent behavior and broken chat threads.

  • 8:43

    Tone Shifts Toward Chatbotsstory

    The hosts discuss how their politeness toward AI chatbots has rapidly devolved into aggressive, all-caps demands out of sheer frustration with poor design choices.

  • 9:37

    Publishing A Portfolio Websitestory

    The guest showcases a newly revamped personal portfolio and resume website published live via GitHub Pages, featuring a retro 90s mode and embedded podcast links.

  • 12:31

    AI Scraping Limitationsinsight

    The guest details how AI tools failed completely at web scraping and finding past article links, forcing them to manually trawl through 29 pages of past work.

  • 17:56

    Building A Produce Sharing Appstory

    The guest describes building a website called Farm Share Share to offload unwanted weekly vegetables from a local CSA box to friends.

  • 18:43

    Solving Real-Life Produce Overloadstrategy

    The guest explains the motivation behind building a vegetable-sharing interface to manage excessive weekly deliveries of dandelion greens and other produce.

  • 25:17

    Detailed Prompts Up Frontstrategy

    The host shares a strategy for dealing with AI coding tools by writing extremely long initial prompts and design memos to prevent agents from going down the wrong path.

  • 29:37

    Family Photo Sharing Appstory

    The host presents a custom private web app built to share children's photos with relatives via secure magic links and an automated Apple Shortcut.

Quotes

  • “He says that invention, not automation, will be the greatest contribution of superintelligence.”
    Unnamed speaker · 1:20
  • “And, and one of the things I'm learning to get better at with these things is doing so much back and forth up front.”
    Unnamed speaker · 25:17
  • “And it was horrible. It did not go well.”
    Unnamed speaker · 4:57
  • “It did that without asking.”
    Unnamed speaker · 33:20
  • “The, the gap between this thing that I made for myself and like good, published, user-facing business product is so vast that I can't even comprehend how to get from here to there.”
    Unnamed speaker · 42:48
  • “I'm gonna tell Claude all the things that other people are discovering are broken and see if you can fix them.”
    Unnamed speaker · 44:40
  • “And that is not a good name.”
    Unnamed speaker · 45:19
  • “It gets you all of our podcasts ad‑free, including this one.”
    Unnamed speaker · 45:50
  • “For a lot of women, these aren't three separate issues.”
    Unnamed speaker · 46:27
  • “What if you could run your Oracle databases everywhere you run your business?”
    Unnamed speaker · 47:00
  • Amex Corporate 2:44–2:52
  • Midi 3:15–3:28
  • Michelob Ultra 28:34–28:58
  • LinkedIn 29:28–29:32
  • Installer 37:13–37:18

About this episode

We've spent the last month vibe coding our own corners of the internet. The Verge's Jake Kastrenakes and Hayden Field join David to talk about their use of Gemini, Codex, and Claude Code to build 90s-themed personal websites, vegetable-sharing systems, and photo boards. It wasn't always easy, and we didn't get everything done, but with a little AI and a lot of prompting, we made it work. Further reading: Four takeaways from Mark Zuckerberg’s massive AI manifesto | The Verge The first rival Android app store just arrived in the US Play Store | The Verge Space mirrors could ruin astronomy — and your eyes | The Verge Claude has been having a moment — can it keep it up? | The Verge The vibe-coding AI future is both exciting and terrifying | The Verge Welcome to the personal software revolution | The Verge Subscribe to The Verge for unlimited access to theverge.com, subscriber-exclusive newsletters, and our ad-free podcast feed. We love hearing from you! Email your questions and thoughts to [email protected] or call us at 866-VERGE11. Learn more about your ad choices. Visit podcastchoices.com/adchoices

Transcript

0:00
45:45

9,516 words · 9 speakers

Topics

  • Codex
  • Claude
  • Claude Code
  • Vibe coding
  • Google
  • The Verge
  • Gemini
  • Claude Design
  • YouTube
  • Google Photos

Page updated · transcript and summary are machine-generated