Setz Claude mit Antigravity auf — und bring dein KI-Game aufs nächste Level.

10 Minuten Setup. 20 Minuten Erstprojekt. Danach baust du im selben Werkzeug Mini-Tools, richtige Web-Apps, Lead-Pipelines, Inbox-Triage oder ganze Agententeams. Alle Klicks, Direktlinks und Prompts sind hier vorbereitet.

Stand: Mai 2026 Setup: ~10 Min Erstprojekt: ~20 Min Kosten: ~20 €/Monat (Claude Pro)
7 Schritte bis startklar · rose = Direktlink, amber = Klick in der App
01Lohnt sich das?

Erst ehrlich: für wen ist das hier — und für wen nicht.

Ein Editor mit eingebauter KI ist nicht für jeden ein Upgrade. Wenn du nur ab und zu was im Chat fragst, bist du da gut aufgehoben. Hier kommt der Switch, wenn du regelmäßig kleine Sachen selbst bauen willst.

Ja, wenn du …
  • regelmäßig Code, Texte oder Daten zwischen Chat und Editor hin- und herkopierst
  • eigene kleine Tools oder Websites bauen willst, die du auch behalten kannst
  • die KI länger arbeiten lassen willst, ohne im Chat danebenzusitzen
  • Dateien lokal hast (CSVs, Notizen, Configs), die du direkt verarbeitet haben willst
Lass es, wenn du …
  • KI nur sporadisch nutzt — dreimal pro Monat reicht der Chat
  • deinem Editor nicht erlauben willst, Befehle auf deinem Rechner auszuführen
  • Cursor oder Windsurf schon nutzt und damit klarkommst — kein Wechsel-Grund
  • nur reine Text-Arbeit machst — claude.ai direkt im Browser ist dafür kürzer
02Was ist das eigentlich

Antigravity + Claude — in 60 Sekunden.

Beide Sachen einmal kurz erklärt, ohne Tech-Sprech. Wer mit den Begriffen schon klarkommt, scrollt weiter.

Antigravity
Ein Editor von Google, basiert auf VS Code — dem Standard-Editor, mit dem die meisten Programmierer arbeiten. Antigravity hat einen KI-Agenten direkt eingebaut: die KI sieht deine Dateien, kann sie editieren, kann Befehle in einem Terminal ausführen. Kein Kopieren mehr zwischen Chat und Editor.
Claude
Das KI-Modell von Anthropic — das, was hinter claude.ai im Browser steckt. In Antigravity bindest du Claude direkt ein, statt zwischen Browser-Tab und Editor zu wechseln. Die Anbindung läuft über eine Extension namens Claude Code, die du in Antigravity mit einem Klick installierst.
Kosten
Antigravity selbst ist gratis. Claude im Free-Tier hat 20 Anfragen pro Tag — reicht zum Anschauen, nicht zum Arbeiten. Realistisch: Claude Pro für rund 20 €/Monat. Wer claude.ai Pro schon hat, zahlt nichts extra.
Ehrlich: Antigravity ist Public Preview seit November 2025. Gelegentlich Crashes, gelegentlich Quota-Hänger. Für ernsten Production-Code würde ich heute Cursor mit Claude im Terminal wählen — für den Einstieg ist Antigravity aber das niedrigschwelligste Setup, das ich kenne.
03Setup-Sequenz

In 7 Schritten startklar — Klicks und Pastes, fertig vorbereitet.

Jeder Schritt entweder ein Direktlink-Button oder eine Copy-Box. Tippen musst du fast nichts. Realistische Zeit von Schritt 1 bis "Claude antwortet im Editor": 8 bis 12 Minuten, je nachdem wie schnell dein Download läuft.

1
Claude Pro abonnieren
Das Free-Tier macht dich nicht glücklich. Pro kostet etwa 20 €/Monat und reicht für Solo-Arbeit locker. Wenn du claude.ai schon hast, überspring den Schritt.
Claude Pro anlegen öffnet claude.ai/upgrade
2
Antigravity runterladen
Etwa 300 MB. Pick deine Plattform — die Buttons gehen direkt auf die offizielle Download-Seite.
Antigravity Download Mac · Windows · Linux — alle auf antigravity.google
3
Antigravity öffnen und einloggen
Beim ersten Start fragt Antigravity nach einem Google-Account. Persönlicher @gmail.com — Workspace-Accounts gehen aktuell nicht. Onboarding klickst du durch, Default-Einstellungen sind ok.
Stolperfalle: Wenn der Browser sagt "successfully authenticated" und Antigravity trotzdem auf der Login-Seite hängt — Antigravity mit ⌘Q komplett quitten, anderen Default-Browser einstellen, nochmal versuchen.
4
Claude-Code-Extension installieren
Antigravity bringt von Haus aus Googles Gemini mit. Wir bauen Claude über die offizielle Extension dazu.
⌘⇧X Extensions-Suche "Claude Code" tippen Install
Windows/Linux: Ctrl+Shift+X statt ⌘⇧X.
5
Claude einloggen
Nach der Installation taucht in der linken Sidebar ein Spark-Icon auf. Klick drauf — der erste Klick öffnet den Login.
Spark-Icon "Sign in with claude.ai" Browser bestätigt
Wähle "Subscription", nicht "API". Du nutzt deinen Pro-Account aus Schritt 1.
6
Workspace-Ordner anlegen
Pro Projekt ein Ordner. Empfehlung: leg dir auf deinem Rechner einen Sammel-Ordner an, z.B. ~/AI-Projekte/mein-erstes-tool/. Den öffnest du dann in Antigravity.
File Open Folder neuen Ordner wählen
7
CLAUDE.md anlegen — dein Brain-File
Was das ist: Die erste Datei, die Claude in jedem Workspace liest. Hier steht in zehn Zeilen, wer du bist und wie du arbeitest. Spart später viel Wiederholungs-Prompten.

Was du machst: Im Workspace eine neue Datei CLAUDE.md anlegen, den Block hier reinpasten, die eckigen Klammern füllen.
CLAUDE.md — Starter-Template
# Projekt: [Hier deinen Projektnamen]

## Was hier passieren soll
[Ein Satz, z.B.: "Eine Landingpage fuer meine Beratung mit Hero, drei Features und Kontakt-Box."]

## Stack
- HTML mit Inline-CSS, kein Framework
- Deploy: Netlify Drop (Drag-and-Drop, kein Account-Zwang)

## Wie wir hier arbeiten
- Du-Form, direkt, ohne Floskeln
- Code-Aenderungen direkt machen, keine grossen Plan-Texte schreiben
- Kurze Antworten, ich lese den Diff selbst

## Was du nicht machst
- Keine neuen Dependencies installieren ohne mich zu fragen
- Keine Dateien loeschen ohne explizite Anweisung
- Keine externen API-Calls ohne mein OK
Wenn du hier bist, läuft Claude in deinem Editor und kennt dein Projekt. Setup fertig.
04Erstes Projekt

Bau eine kleine Website mit Chatbot — in etwa 20 Minuten.

Wir bauen eine Landingpage mit Hero, ein paar Features, Kontakt-Box und einem eingebauten Chatbot-Widget. Vier Copy-Boxes, ein paar Klicks. Am Ende kann sie online stehen.

1
Erst-Prompt absetzen
Im Claude-Code-Panel (Spark-Icon) den Prompt einfügen. Vorher in der eckigen Klammer dein Thema ergänzen.
Erst-Prompt
Bau mir eine einfache Landingpage fuer [HIER MEIN THEMA].

Eine einzige HTML-Datei mit Inline-CSS, kein Framework.
Sektionen: Hero mit Headline und kurzem Untertitel, drei Features
nebeneinander, Kontakt-Box mit Mail-Link.

Modernes, sauberes Design, dezente Farben, gut lesbare Schrift.
Speichere als index.html im aktuellen Ordner.
2
Iterieren bis es passt
Du schaust dir das Ergebnis im Browser an (Doppelklick auf index.html) und fragst weitere Änderungen direkt im Chat-Panel. Claude ändert die Datei live. Beispiele zum Probieren:
Iterations-Prompts (einer nach dem anderen)
Mach den Hero groesser, mehr Luft nach oben und unten.

Andere Farben — waermer, dunkleres Hauptfarbschema, beige als Hintergrund.

Pack ein einfaches Logo-Placeholder oben links — nur ein Buchstabe im Kreis.

Mach die Schrift etwas grosszuegiger, line-height ein bisschen entspannter.
Tipp: einen Wunsch pro Prompt. Claude trifft sauberer wenn der Auftrag klein ist.
3
Chatbot-Widget einbauen
Tidio hat einen kostenlosen Tier mit Drag-and-Drop-Setup. Du machst dort einen Account, kopierst deinen Public-Key, und Claude baut den Snippet sauber in die Datei ein.
Tidio Free anlegen 2 Min, kein Karten-Zwang
Tidio-Integrations-Prompt
Ich hab gerade einen Tidio-Account angelegt und meinen Public-Key bekommen.
Pack diesen Tidio-Snippet vor das </body>-Tag in der index.html:

<script src="//code.tidio.co/MEIN-PUBLIC-KEY.js" async></script>

Den Key MEIN-PUBLIC-KEY ersetze ich gleich selber durch meinen echten Key.
4
Live stellen (optional, 2 Min)
Netlify Drop nimmt deinen Ordner per Drag-and-Drop und gibt dir eine öffentliche URL. Kein Account-Zwang für den ersten Wurf.
Netlify Drop öffnen Ordner reinziehen, fertig
Im Chat hättest du jeden Edit per Hand kopieren müssen. Hier ist die Datei einfach da — Claude editiert sie, du schaust nebenbei zu.
05Ausblick

Wenn die Basis steht, geht damit noch viel mehr.

Kurzer Ausblick, kein Detail-Tutorial. Das Erstprojekt oben ist Aufwärmen — das gleiche Antigravity + Claude trägt deutlich weiter. Hier ein paar Sachen, die andere damit machen.

Akquise
Leads scrapen aus Google Maps oder LinkedIn
Browser steuern oder Apify ziehen, fertig als CSV im Editor.
E-Mail
Deine komplette Inbox anbinden
Gmail oder IMAP per MCP. Labeln, draften, Tages-Briefing.
Daten
CSV und Excel direkt verarbeiten
Lokal, ohne Upload. Rechnen, prüfen, Report rausschreiben.
Build
Richtige Web-Apps und SaaS-Prototypen
Multi-File-Projekte mit Frontend, Backend, Datenbank.
Research
Tiefen-Recherche im Hintergrund
Web crawlen, Quellen sammeln, strukturierter Report.
Skala
Agententeams aufstellen
Mehrere Claudes parallel: einer recherchiert, einer schreibt, einer reviewed.
Was hier besser läuft als im Chat
Multi-File-Edits in einem Pass — Claude sieht den ganzen Workspace.
Iterieren statt kopieren — die Datei bleibt der eine Wahrheits-Ort.
Lokale Daten ohne Upload — bleibt auf deinem Rechner.
Lange Tasks im Hintergrund — Auftrag absetzen, später zurückkommen.
06Wenn die Basis sitzt

Vier Richtungen, in denen du jetzt weiterbauen kannst.

Das hier ist Basis — bewusst klein gehalten. Wenn du regelmäßig arbeitest, lohnt sich nach ein paar Tagen einer dieser Pfade.

Konfiguration
CLAUDE.md ausbauen
Mehr in die Brain-Datei packen: dein Codestil, deine Tool-Präferenzen, Konventionen. Je konkreter, desto besser. Anthropic empfiehlt < 200 Zeilen.
Schutz
Allow- und Deny-Lists schärfen
Read-only Commands (ls, git status, npm test) erlauben, destruktive (rm -rf, git push -f) hart verbieten. Spart Permission-Klicks und schützt dich.
Echte Tools
Lokales Script in eine Web-App verwandeln
Hast du irgendwo ein Python- oder Bash-Script? Pack einen Web-Wrapper drumherum (FastAPI, Flask). Multi-File-Edit, lokal starten, im Browser sehen — das ist das echte "Aha".
Power
MCP-Server anbinden
MCP gibt Claude Zugriff auf externe Tools (Browser, Datenbanken, eigene APIs). Anfangs reichen 1–3 Server — mehr als 50 Tools bremst die Antwortzeit.
Punchline

Du brauchst kein 4-Stunden-Tutorial.

Du brauchst einen Account, einen Editor, einen Ordner und einen ersten Prompt.
10 Minuten Setup. 20 Minuten Erstprojekt. Danach hast du was Eigenes.

Quellen + Weiterlesen