Перейти к содержимому

How We Rebuilt Our Entire Website With Claude Code (And Made it Look Good) | Manual Work is a Bug 11

Matthew Black и Hillary Black

0:00 / 0:00

How We Rebuilt Our Entire Website With Claude Code (And Made it Look Good) | Manual Work is a Bug 11

72 просмотра · 11 дней назад
Matthew Black и Hillary Black
72 просмотра · 11 дней назад
This week we're walking through the entire process of rebuilding and redesigning the ⁠hiremav.com⁠ website using Claude Code, the Figma MCP, and two determined humans. ⁠‪@hiremav‬ Founder + CEO Matthew Black ‪@manualworkisabug‬ and Head of Brand Hillary Black ⁠‪@HillaryBlack‬ walk through the exact process from ideas to setup, iterating, and launching, plus where humans stepped in to make it not look like every other AI-generated website. We think it's looks pretty cool. Hillary, a non-engineer and casual designer, was able to build the website of her dreams the exact way she wanted without waiting weeks to fit it into a sprint cycle, and the Claude Code "other tab" even convinced Matthew to use the Claude App instead of terminal for his work. On the table: why buying a hundred old insurance agencies and trying to AI-enable them doesn't work, the one rule that kept the site from looking AI generated, the tells that give an AI website away, a dev setup that went from four hours to thirty minutes, whether a website should even be the same for every visitor, and an Easter egg worth a free year of Mav. 🥚 There's an Easter egg hidden on the new ⁠hiremav.com⁠. Find it, screenshot it, and DM Matthew on LinkedIn. First one gets a free year of Mav. Chapters ⁠00:00⁠ — Intro⁠ 00:15⁠ — Cold open: we're live ⁠01:01⁠ — The TV nobody could find⁠ 04:21⁠ — Too many humans in the way⁠ 04:49⁠ — Why the AI roll-up doesn't work⁠ 06:29⁠ — Buying the business for parts⁠ 07:11⁠ — Today: replacing ⁠hiremav.com⁠⁠ 08:08⁠ — Twenty new pages, two people⁠ 09:35⁠ — No staging server, no CMS⁠ 10:45⁠ — AI started, human finished⁠ 11:28⁠ — "I'm not a designer"⁠ 13:04⁠ — Was the wireframe holding it back?⁠ 14:17⁠ — The tells of an AI website⁠ 15:43⁠ — A four-hour setup in thirty minutes⁠ 16:57⁠ — Claude Code in the app⁠ 18:28⁠ — Every page, tracked⁠ 20:42⁠ — What even is a website anymore?⁠ 22:01⁠ — The new AI use case: create constraints⁠ 25:08⁠ — Using humans where it counts⁠ 26:01⁠ — One button and it's live⁠ 27:06⁠ — The Easter egg Hosts Matthew Black — Founder + CEO, Mav (  / madebyblack  ) Hillary Black — Head of Brand and Conversation Design, Mav (  / hillaryblack  ) Links and Resources The all new hiremav.com (https://hiremav.com) Claude Code, what Matthew pointed at the README and what built the pages (https://docs.claude.com/en/docs/claud...) Claude Code and Figma: setting up the MCP server, the connection that let Claude read the actual design file (https://help.figma.com/hc/en-us/artic...) Guide to the Figma MCP server (https://help.figma.com/hc/en-us/artic...) Model Context Protocol, the open standard behind the Figma connection (https://modelcontextprotocol.io) ngrok, how Hillary's local build gets shared with anyone (https://ngrok.com) Docker, the self-contained dev environments (https://www.docker.com) micro1, the AI training-data company Matthew mentions (https://techcrunch.com/2025/09/12/mic...) Follow the show Manual Work is a Bug is Mav's podcast, now on video. Watch on YouTube and follow wherever you listen, so you don't wait another six years for the next episode. Mav helps insurance agencies grow their book with AI: hiremav.com. Spotify (https://open.spotify.com/show/5CmXVfE...) Amazon Music (https://music.amazon.com/podcasts/d5a...) #ManualWorkIsABug #AI #Claude #ClaudeCode #WebDesign