Zum Inhalt springen

KI-Kompass / Kurzfassungen

Erst das Interview, dann der Entwurf

Website

Bevor eine KI etwas entwirft, sollte sie fragen. Ein kurzes Interview, das in einer Briefing-Datei endet, hält viele Entwürfe auf einer Linie.

Ausführlich: Websites ohne KI-Einheitslook – Richtungen, Referenzen, Prüfung

AI LABS baut eine Webseite mit Claude Code und Google Stitch, einem KI-Werkzeug für Seitenentwürfe, das sich jetzt aus Claude Code heraus bedienen lässt. Der übertragbare Teil kommt vor dem ersten Entwurf: Claude führt ein Interview, „frag so lange, bis nichts mehr offen ist, mit Auswahlmöglichkeiten“, und schreibt die Antworten in eine Briefing-Datei brief.md. Alle späteren Aufträge an Stitch kommen aus diesem einen Dokument. So bleibt der Stil über mehrere Entwürfe gleich. Danach prüft ein selbst gebauter Prüf-Skill die fertige Seite gegen den Entwurf, mit Bildschirmfotos in Desktop-, Tablet- und Handygröße. Das war nötig, weil die Entwürfe in diesem Projekt nur für den Computerbildschirm gemacht waren und die Handyansicht brach. Stitch selbst bietet Handy und Web zur Wahl. Die fertigen Prüf-Skills liegen laut Video in der Community AI Labs Pro, einen Preis nennt das Video nicht. Im Video lässt der Autor sie von Claude bauen.

Werkzeug und Alternative

Stitch braucht ein Google-Konto, Preise nennt das Video nicht. Für Stitch gibt es eine Kommandozeile mit MCP-Server von Google, das npm-Paket @google/stitch (Apache-2.0, Version 0.11.1, erstellt 01.10.2026, extern geprüft). Befehle übernehme ich nicht: Die Version liegt unter 1.0, und die Befehle kenne ich nur aus Sekundärquellen. Alternative (eigene Einschätzung): Claude Code mit dem Skill frontend-design, ohne Stitch. Wispr Flow, der Sponsor, ist für den Ablauf nicht nötig.

Quellen

Werbung in der Quelle: gesponsert von Wispr Flow (7:43–8:34), dazu Eigenwerbung für AI Labs Pro.

Das mit deinem Team ausprobieren? Dafür gibt es die KI-Werkstatt. KI-Werkstatt ansehen