🚀 Antigravity Better

自定义你的 Antigravity AI 聊天面板。你的 IDE，你做主。

Customize your Antigravity AI chat panel. Your IDE, your rules.

English • 中文

---

📸 Screenshots

---

✨ What is Antigravity Better?

Antigravity Better is a lightweight, zero-dependency toolkit for customizing the AI chat panel in Antigravity - Google's new AI-powered IDE.

We provide a single HTML file that you can drop into your IDE to unlock powerful customizations - without touching any source code or installing extensions.

You can freely customize this HTML file to build your own features. Following our pre-built framework makes modifications incredibly easy - just add your CSS rules and JS logic, and you're good to go!

💡 Philosophy: We build the highway; you drive whatever car you want.

Compatibility Note

• ✅ Primary Target: Antigravity (Google's AI IDE)
• ⚠️ Potentially Compatible: Other VS Code-based AI IDEs (Cursor, Windsurf, etc.) may work with modifications, but we cannot guarantee compatibility.

---

🚀 Features

Built-in Customizations

Feature	Description
🎨 Custom Colors	Change text colors for user messages, AI responses, code blocks, thinking process, and more
📋 Copy Buttons	One-click copy for any message type (user, AI, thinking)
⌨️ Hotkey Override	Change the send shortcut (Enter → Cmd+Enter, Ctrl+Enter, etc.)
🌐 i18n Ready	Built-in English/Chinese support, easily extendable to other languages

For Developers

• Single-file architecture: All CSS/JS/HTML in one file
• Zero build tools: No npm, no bundler - just edit and replace
• Performance-first: Disabled features = zero runtime cost
• Well-documented: Clear code structure with comments
• Extensible: Add your own features following simple patterns

---

📦 Installation

Quick Start

1. Locate the target file

   macOS: /Applications/Antigravity.app/Contents/Resources/app/extensions/antigravity/cascade-panel.html
   Windows: [PathToAppFolder]/Antigravity/resources/app/extensions/antigravity/cascade-panel.html
   

2. Backup & Replace

   # Backup original
   cp cascade-panel.html cascade-panel.html.bak
   
   # Replace with Antigravity Better
   cp /path/to/antigravity-better/app_root/cascade-panel.html ./

3. Restart Antigravity - Done! 🎉

⚠️ Note: Every time Antigravity updates, it will overwrite the HTML file. You'll need to re-apply this replacement after each update.

---

🛠️ Customization

Using the Settings Panel

Click the ⚙️ floating button on the right side of your chat panel to open settings.

• Switch between Appearance and Features tabs
• Expand/collapse each feature section
• Toggle language between English/中文

Adding Your Own Features

Antigravity Better is designed to be extended:

<style>
  /* 1. Add your CSS - only active when feature class is present */
  #react-app.your-feature .target { color: red; }
</style>

<script>
  // 2. Add your feature config
  const YOUR_CONFIGS = [{ id: 'my-feature', ... }];
  
  // 3. Implement your logic (respecting on/off state)
  function applyYourFeature() {
    if (!currentSettings.yourFeatureEnabled) return;
    // Your code here
  }
</script>

---

🤝 Contributing

We welcome contributions! Whether it's:

• 🐛 Bug reports
• 💡 Feature ideas
• 🔧 Pull requests
• 📖 Documentation

---

📜 License

MIT License - Use it, modify it, share it.

---

🔗 Links

• 🌐 Website: dpit.lib00.com
• 🐛 Issues: GitHub Issues

---

_{Built with ❤️ by the Antigravity Better Team}