Skip to content

AI Compass / Quick reads

Interview first, then the draft

Website

Before an AI designs anything, it should ask questions. A short interview that ends in a briefing file keeps many drafts on one line.

In depth: Websites without the AI look – directions, references, checks

AI LABS builds a website with Claude Code and Google Stitch, an AI tool for page designs that can now be operated from within Claude Code. The transferable part comes before the first draft: Claude conducts an interview, “ask until nothing is left open, with multiple-choice options”, and writes the answers into a briefing file brief.md. All later requests to Stitch come from this one document. That keeps the style the same across several drafts. Afterwards, a self-built check skill compares the finished page against the draft, with screenshots at desktop, tablet and phone size. This was necessary because the drafts in this project were made for the desktop screen only, and the mobile view broke. Stitch itself offers mobile and web as options. According to the video, the finished check skills are in the AI Labs Pro community; the video does not state a price. In the video, the author has Claude build them.

Tool and alternative

Stitch needs a Google account, and the video does not state prices. For Stitch there is a command line with an MCP server from Google, the npm package @google/stitch (Apache-2.0, version 0.11.1, created 1 October 2026, externally checked). I do not adopt its commands: the version is below 1.0, and I only know the commands from secondary sources. Alternative (my own assessment): Claude Code with the frontend-design skill, without Stitch. Wispr Flow, the sponsor, is not needed for this workflow.

Sources

Advertising in the source: sponsored by Wispr Flow (7:43–8:34), plus self-promotion for AI Labs Pro.

Want to try this with your team? That’s what the AI Lab is for. See the AI Lab