• Smarter with AI
  • Posts
  • MonDive#28: Built a Chrome extension without writing code

MonDive#28: Built a Chrome extension without writing code

An experiment with Google's Antigravity

Smarter with AI banner

Welcome to the MonDive

Today in MonDive, we’re diving into Antygravity, a powerful no-code tool where you can turn any ideas into a working website/software/extension and more.

To demonstrate it’s capabilities we created a Google Chrome extension for prompt library.

Alright, let’s dive into building a Prompt Library Chrome extension with Antigravity.

Turn your n8n workflows into intelligent AI apps in minutes.

Sponsored

C1 by Thesys turns any n8n workflow into a smart, adaptive AI app - with interactive UIs instead of walls of text. From chatbots to AI agents for research, analytics or automation, no coding and no changes to your workflow logic. Thesys is the UI your n8n workflows have been missing.

🧠 Why This Matters

Unlike paid or code-heavy tools like VS Code, Cursor, or Windsurf, Antigravity lets you build and refine everything without writing a single line of code.

Non technical people don’t have time to learn codes or don’t have the resources to hire a developer to build small things that can save their time or easy a process.

Google’s Antigravity empowers those people to build those small things. It’s no less than having a personal developer in your PC.

It offers access to the most powerful coding models like Gemini 3 Pro, Gemini 3 Flash, Claude Sonnet 4.5, Claude Opus 4.5, and GPT-OSS 120B for FREE.

Just to demonstrate how useful this tool can be, we will build a small Chrome extension that can save prompts and help them find and use easily.

Downloading and Installing Antygravity

Start by

Install and then open the tool, you will see an interface like this.

Set agent mode and explain the tool whatever you need. We are building a Prompt Library, so here is the prompt we used.

You are an expert web developer and UI/UX designer specializing in modern, responsive, high-performance websites.

Create a complete one-page Prompt Library website that promotes a curated collection of ready-to-use AI prompts.

Build the website using HTML, CSS, and vanilla JavaScript with black as the primary color and yellow as the accent color throughout the design. The site should be clean, mobile-first, SEO-optimized, and follow current web standards.

Requirements:
• Semantic HTML5 structure
• Proper meta tags (SEO, Open Graph, Twitter)
• Schema.org structured data for a software/product website
• Optimized placeholder images or SVG icons with descriptive alt text
• Modern CSS using Flexbox and Grid
• Lazy loading for images
• Accessible UI (keyboard navigation, ARIA labels, visible focus states)

JavaScript features (lightweight, no frameworks):
• Smooth scrolling navigation
• Mobile navigation toggle
• Copy-to-clipboard buttons for prompts with feedback
• Filter prompts by category/tags

Include the following sections:

Navigation bar

Hero section with headline, value proposition, and CTA

Featured prompts (cards with copy buttons)

Categories section

How it works (step-by-step)

Pricing (Free vs Pro)

Testimonials

FAQ (accordion)

Footer

Ensure fast load times, clean visual hierarchy, and well-commented, organized code suitable for production and high Lighthouse scores.

We Build a Powerful Prompt Library (PromptLib)

The tool build the prompt library from layouts to coding and showing how to use it.

Use the chat to request changes, attach relevant UI images, and refine your ideas all within Antigravity. You can preview the output directly in the tool and add or adjust features at any time using the chat.

Accessing Source Code

Go to the project folder to have access to the source files

Adding the Chrome Extension in Google Chrome

Open Chrome and Go to Google Extensions

Turn on Developer mode.

Then click Load unpacked to add your custom Chrome extension.
Select your extension folder, and Chrome will install it instantly.

Will you try building your idea using Antygravity?

Will you try building your idea using Antygravity?

Login or Subscribe to participate in polls.

We’d love to hear from you!

How did you feel about today's MonDive? Your feedback helps us improve and deliver the best possible content.

Login or Subscribe to participate in polls.

Know someone who may be interested?

And that's a wrap on today's MonDive!

Reply

or to participate.