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.
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.
- 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
- 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
Antigravity + Claude — in 60 Sekunden.
Beide Sachen einmal kurz erklärt, ohne Tech-Sprech. Wer mit den Begriffen schon klarkommt, scrollt weiter.
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.
Was du machst: Im Workspace eine neue Datei CLAUDE.md anlegen, den Block hier reinpasten, die eckigen Klammern füllen.
# 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
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.
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.
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.
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.
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.
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.
Du brauchst kein 4-Stunden-Tutorial.
10 Minuten Setup. 20 Minuten Erstprojekt. Danach hast du was Eigenes.
Quellen + Weiterlesen
- Google — offizielle Antigravity-Seite: antigravity.google
- Anthropic — Claude Code Docs: docs.anthropic.com/claude-code
- Anthropic — Claude.ai Sign-up: claude.ai/upgrade
- Nick Saraev — YouTube-Tutorial, an dem ich mein eigenes Setup damals orientiert habe: Claude Code Full Course
- Tidio — Free-Chat-Widget für das Erstprojekt: tidio.com/free-live-chat
- Netlify — Drag-and-Drop-Deploy: app.netlify.com/drop
- agents.md — falls du später Codex/Gemini parallel willst, schreib eine AGENTS.md und zieh sie per @AGENTS.md in deine CLAUDE.md: agents.md