Add to ChromeBlog
Build notes from Design Mode and walkthroughs of real workflows — MCP architecture, vibe coding, Tailwind redesigns, changelog deep-dives.
Hands-on: redesigning a Tailwind landing page with Claude Code
A concrete walkthrough: take an OK-looking Tailwind landing page, redesign it visually, and let Claude Code commit every Tailwind utility class update over MCP.
ReadDesign Mode 1.5.0 — changelog deep-dive
Margin/padding overlay bands, a WCAG contrast checker in the colour picker, file-size hints in Media, and the static OG image migration.
ReadVibe coding: how visual editing fits into the AI-coding-agent workflow
Vibe coding is what happens when you describe a UI change to an AI agent and ship the result. Visual editing is what makes the loop tight.
ReadWhy we built an MCP server for design edits
The first version of Design Mode shipped a clipboard button. The second version shipped MCP — and changed how the loop felt.
Read