Set up Claude with Antigravity — and take your AI game to the next level.
10-minute setup. 20-minute first project. After that, the same tool builds small tools, real web apps, lead pipelines, inbox triage, or full agent teams. Every click, direct link, and prompt is prepared here.
Honest first: who this is for — and who it's not.
An editor with built-in AI isn't an upgrade for everyone. If you only ask the chat something now and then, the chat works fine. The switch makes sense once you regularly want to build small things yourself.
- regularly copy code, text, or data back and forth between chat and editor
- want to build small tools or websites of your own that you actually keep
- want to let the AI work longer without sitting next to the chat
- have local files (CSVs, notes, configs) you want processed directly
- only use AI sporadically — three times a month, the chat is enough
- don't want to let your editor run commands on your machine
- already use Cursor or Windsurf and it works — no reason to switch
- only do pure text work — claude.ai in the browser is shorter for that
Antigravity + Claude — in 60 seconds.
Both things explained briefly, no tech-speak. If you already know the terms, scroll on.
Ready in 7 steps — clicks and pastes, prepared for you.
Every step is either a direct-link button or a copy box. You barely type a thing. Realistic time from step 1 to "Claude is answering in the editor": 8 to 12 minutes, depending on how fast your download runs.
What you do: Create a new file CLAUDE.md in the workspace, paste the block here in, fill in the square brackets.
# Project: [your project name here] ## What should happen here [One sentence, e.g.: "A landing page for my consulting with hero, three features, and a contact box."] ## Stack - HTML with inline CSS, no framework - Deploy: Netlify Drop (drag-and-drop, no account required) ## How we work here - Informal, direct, no fluff - Make code changes directly, don't write big plan texts - Short answers, I read the diff myself ## What you don't do - Don't install new dependencies without asking me - Don't delete files without explicit instruction - No external API calls without my OK
Build a small website with a chatbot — in about 20 minutes.
We're building a landing page with a hero, a few features, a contact box, and a built-in chatbot widget. Four copy boxes, a few clicks. At the end, it can be online.
Build me a simple landing page for [MY TOPIC HERE]. A single HTML file with inline CSS, no framework. Sections: hero with headline and short subtitle, three features side by side, contact box with a mailto link. Modern, clean design, muted colors, readable font. Save as index.html in the current folder.
Make the hero bigger, more breathing room top and bottom. Different colors — warmer, darker main palette, beige as background. Add a simple logo placeholder in the top left — just one letter in a circle. Make the type a bit more generous, line-height a bit more relaxed.
I just created a Tidio account and got my public key. Drop this Tidio snippet before the </body> tag in index.html: <script src="//code.tidio.co/MY-PUBLIC-KEY.js" async></script> I'll replace MY-PUBLIC-KEY with my real key myself in a moment.
Once the basics are in, this does a lot more.
Quick outlook, no deep-dive tutorial. The first project above is the warm-up — the same Antigravity + Claude carries you a lot further. A few things other people do with it.
Four directions you can build out from here.
This is the base — kept small on purpose. If you work in it regularly, after a few days one of these paths is worth taking.
You don't need a 4-hour tutorial.
10-minute setup. 20-minute first project. After that, you have something of your own.
Sources + further reading
- Google — official Antigravity site: antigravity.google
- Anthropic — Claude Code docs: docs.anthropic.com/claude-code
- Anthropic — Claude.ai sign-up: claude.ai/upgrade
- Nick Saraev — the YouTube tutorial I used as a reference for my own setup: Claude Code Full Course
- Tidio — free chat widget for the first project: tidio.com/free-live-chat
- Netlify — drag-and-drop deploy: app.netlify.com/drop
- agents.md — if you later want Codex/Gemini in parallel, write an AGENTS.md and pull it into your CLAUDE.md via @AGENTS.md: agents.md