Starte meine App und öffne sie mit playwright-cli --headed, damit ich zuschauen kann. Mach Screenshots, lies die Konsole und behebe die Fehler, die du findest.
Unter Windows streikt die ältere PowerShell bei &&. Dann gib die Zeile in zwei Teilen ein: erst alles vor dem &&, dann den Rest.
Es öffnet sich kein Browser?
Playwright CLI arbeitet ohne Fenster, wenn du nichts anderes sagst. Mit --headed im Prompt siehst du zu. Findet es gar keinen Browser, installier einen mit playwright-cli install-browser.
2
Supabase-Plugin installieren
Claude baut damit komplette Datenbanken für deine App und verwaltet sie, ohne dass du das Terminal verlässt.
Im Terminal:
claude plugin marketplace add anthropics/claude-plugins-official && claude plugin install supabase@claude-plugins-official
Dann in Claude Code (neu gestartet) verbindest du dein Konto. Im Browser wählst du die Organisation mit deinem Projekt.
/mcp→supabase→Authenticate
Dann ausprobieren:
Zeig mir mit Supabase meine Projekte. Leg im Testprojekt [Projektname] eine Tabelle [aufgaben] an. Sag mir vorher, was du ausführen willst.
Noch kein Supabase-Konto?
Leg auf supabase.com ein Konto und ein Testprojekt an. Der kostenlose Plan reicht zum Üben: zwei aktive Projekte, die nach einer Woche ohne Nutzung pausieren.
Claude darf damit in deiner Datenbank arbeiten. Supabase rät: erst ein Testprojekt statt echter Kundendaten, und jede Aktion lesen, bevor du sie bestätigst.
3
Strix einrichten
Strix greift deine App an wie ein Hacker und findet die Sicherheitslücken. Teste damit nur deine eigene App. Vorab brauchst du zwei Dinge:
Du richtest SkillUI auf eine Seite, die dir gefällt. Es liest Farben, Schriften und Abstände aus und schreibt sie in Markdown-Dateien. So baut Claude dein Projekt im gleichen Stil.
Im Terminal, im Ordner deines Projekts:
npm install -g skillui
skillui --url [https://adresse-der-seite.de]
Dann in Claude Code (im selben Ordner):
Lies DESIGN.md und SKILL.md im neuen Ordner, dessen Name auf -design endet. Bau meine Startseite im exakt gleichen Stil.
Darf ich jede Seite nehmen?
SkillUI liest nur das sichtbare Design: Farben, Schriften, Abstände. Texte, Bilder und Logos der Seite baust du nicht nach. Nimm sie als Vorbild für deinen eigenen Stil.
5
Context7 installieren
Context7 gibt Claude immer die neueste Doku der Bibliotheken und Tools, die du nutzt. So programmiert Claude nie gegen eine veraltete Version.
Im Terminal:
claude plugin marketplace add anthropics/claude-plugins-official && claude plugin install context7@claude-plugins-official
Dann in Claude Code (neu gestartet) meldest du dich bei Context7 an:
/mcp→context7→Authenticate
Dann ausprobieren:
Richte [Bibliothek, z. B. Next.js] in meinem Projekt in der aktuellen Version ein. use context7
Was kostet das?
Der kostenlose Plan hat 1.000 Abfragen im Monat. Mehr gibt es in den bezahlten Plänen.
