From cd7ead9ac1f58c15d796d6213e2760e8822aadf3 Mon Sep 17 00:00:00 2001 From: "Shams Zakhour (ignore Sfshaza)" Date: Tue, 17 Mar 2026 10:13:42 -0700 Subject: [PATCH 1/4] stash --- .agents/skills/stage-site/SKILL.md | 54 ------------------------------ 1 file changed, 54 deletions(-) delete mode 100644 .agents/skills/stage-site/SKILL.md diff --git a/.agents/skills/stage-site/SKILL.md b/.agents/skills/stage-site/SKILL.md deleted file mode 100644 index 6e61bad0df..0000000000 --- a/.agents/skills/stage-site/SKILL.md +++ /dev/null @@ -1,54 +0,0 @@ ---- -name: stage-site -description: >- - Stages the Flutter site locally. This includes checking for broken links, - verifying excerpts, updating formatting, and serving the dev site. ---- - -# Stage the Flutter site - -Before committing changes or reviewing a PR locally, -it is important to stage the site and ensure everything works correctly. -Follow these steps to stage the site: - -## 1. Check for broken links - -Run the following command to check for any unlinked or broken -Markdown link references in the site output: - -```bash -dart run dash_site check-link-references -``` - -Alternatively, to verify all links between pages on the site work: - -```bash -dart run dash_site check-links -``` - -If any broken links are found, try to patch them or alert the user. - -## 2. Sync code excerpts - -Ensure that any changed code excerpts are properly run and synced to the Markdown files: - -```bash -dart run dash_site refresh-excerpts -``` - -## 3. Update formatting - -Update the formatting of the site examples and tools to ensure -they follow the official Dart format: - -```bash -dart run dash_site format-dart -``` - -## 4. Stage the site locally - -Finally, serve a local development server of the site so the user can preview the changes: - -```bash -dart run dash_site serve -``` From 333a968bab3139f314c4b5005b78ad9920c08586 Mon Sep 17 00:00:00 2001 From: "Shams Zakhour (ignore Sfshaza)" Date: Fri, 20 Mar 2026 08:36:11 -0700 Subject: [PATCH 2/4] Add Antigravity page under Tools & editors --- src/content/tools/antigravity.md | 9 +++++++++ src/data/sidenav/default.yml | 2 ++ 2 files changed, 11 insertions(+) create mode 100644 src/content/tools/antigravity.md diff --git a/src/content/tools/antigravity.md b/src/content/tools/antigravity.md new file mode 100644 index 0000000000..01aa9ec9fd --- /dev/null +++ b/src/content/tools/antigravity.md @@ -0,0 +1,9 @@ +--- +title: Antigravity +shortTitle: Antigravity +description: Learn about the Antigravity agentic coding assistant. +--- + +## Introduction + +Antigravity is a powerful agentic AI coding assistant designed by the Google Deepmind team working on Advanced Agentic Coding. It can help you pair program to solve your coding tasks, create new codebases, modify existing ones, and answer questions. diff --git a/src/data/sidenav/default.yml b/src/data/sidenav/default.yml index 68336984f2..3f9be5b941 100644 --- a/src/data/sidenav/default.yml +++ b/src/data/sidenav/default.yml @@ -686,6 +686,8 @@ permalink: /tools icon: construction children: + - title: Antigravity + permalink: /tools/antigravity - title: Android Studio & IntelliJ permalink: /tools/android-studio - title: Visual Studio Code From 653a1899e5f461169dbc31630049e02f9ac079e6 Mon Sep 17 00:00:00 2001 From: "Shams Zakhour (ignore Sfshaza)" Date: Fri, 20 Mar 2026 11:33:47 -0700 Subject: [PATCH 3/4] Replacing mention of Firebase Studio with Antigravity --- src/content/ai/ai-toolkit/index.md | 14 +--- src/content/ai/mcp-server.md | 40 +---------- src/content/install/custom.md | 13 ++-- src/content/install/index.md | 9 +-- src/content/reference/create-new-app.md | 91 +++++++++++++------------ src/content/resources/faq.md | 10 +-- src/content/tools/antigravity.md | 22 +++++- src/content/tools/editors.md | 6 +- src/data/sidenav/default.yml | 4 +- 9 files changed, 89 insertions(+), 120 deletions(-) diff --git a/src/content/ai/ai-toolkit/index.md b/src/content/ai/ai-toolkit/index.md index 6d5964b4fe..deda1a68e2 100644 --- a/src/content/ai/ai-toolkit/index.md +++ b/src/content/ai/ai-toolkit/index.md @@ -46,20 +46,10 @@ Here's what the demo example looks like hosting the AI Toolkit: The [source code for this demo][src-code] is available in the repo on GitHub. -Or, you can open it in [Firebase Studio][], Google's full-stack AI workspace and -IDE that runs in the cloud: - - - Try in Firebase Studio +Or, you can open it in [Antigravity][], Google's full-stack AI workspace and IDE. [src-code]: {{site.github}}/flutter/ai/blob/main/example/lib/demo/demo.dart -[Firebase Studio]: https://firebase.studio/ +[Antigravity]: https://antigravity.google/ ## Get started diff --git a/src/content/ai/mcp-server.md b/src/content/ai/mcp-server.md index 0789762b37..64d6e5d44b 100644 --- a/src/content/ai/mcp-server.md +++ b/src/content/ai/mcp-server.md @@ -32,7 +32,7 @@ an MCP client should also support [Roots][]. If you are using a client that claims it supports roots but doesn't actually set them, -pass `--force-roots-fallback` to enable tools for managing the roots. +pass `--force-roots-fallback` flag to enable tools for managing the roots. The Dart and Flutter MCP server provides a growing list of tools that grant AI assistants deep insights into your project. @@ -169,44 +169,6 @@ documentation for [setting up MCP servers][]. [Gemini CLI]: https://geminicli.com/ [setting up MCP servers]: https://geminicli.com/docs/tools/mcp-server/#how-to-set-up-your-mcp-server -### Firebase Studio - -If you wish to use the Dart and Flutter MCP Server in [Firebase Studio][], -an agentic cloud-based development environment that helps -you build and ship production-quality full-stack AI apps, -follow these steps: - -1. In your Firebase Studio app project, create a - `.idx/mcp.json` file in your project if it - doesn't exist already and add the following - Dart and Flutter MCP Server configuration to the file: - - ```json title=".idx/mcp.json" - { - "mcpServers": { - "dart": { - "command": "dart", - "args": [ - "mcp-server" - ] - } - } - } - ``` - -1. Ensure your environment is running Dart SDK 3.9/Flutter 3.35 or later. -1. Rebuild your workspace to complete the setup. - * Open the Command Palette (**Shift+Ctrl+P**). - * Enter **Firebase Studio: Rebuild Environment**. - -For more information about MCP server configuration in Firebase Studio, -check out [Connect to MCP servers][fs-mcp] and -[Customize your Firebase Studio workspace][]. - -[Firebase Studio]: https://firebase.studio/ -[fs-mcp]: https://firebase.google.com/docs/studio/mcp-servers -[Customize your Firebase Studio workspace]: https://firebase.google.com/docs/studio/customize-workspace - ### Gemini Code Assist in VS Code [Gemini Code Assist][]'s [Agent mode][] integrates the diff --git a/src/content/install/custom.md b/src/content/install/custom.md index 36504cc98a..05345d844c 100644 --- a/src/content/install/custom.md +++ b/src/content/install/custom.md @@ -48,8 +48,8 @@ Choose one of the following installation methods: For the best development experience with Flutter, install an IDE or editor with support for Dart and Flutter. -Some popular options include VS Code, Android Studio, -Firebase Studio, and other Code OSS-based editors. +Some popular options include VS Code, Antigravity, +Android Studio, and other Code OSS-based editors. - + +{% comment %} +
- Firebase Studio + Antigravity
-

Create a new Flutter workspace in Firebase Studio.

+

xxx

+{% endcomment -%} ## Set up a target platform {: #target-platform} diff --git a/src/content/install/index.md b/src/content/install/index.md index 7dc84cbfb5..bef0791791 100644 --- a/src/content/install/index.md +++ b/src/content/install/index.md @@ -53,15 +53,15 @@ You can quickly try Flutter online without any local setup.

Quickly build and run simple single-file Flutter apps on the web.

- +
- Firebase Studio + Antigravity
-

Develop complex Flutter apps in an AI-assisted workspace in the cloud.

+

Build apps using Google's AI-assisted IDE.

@@ -121,4 +121,5 @@ Guides to help you resolve common issues with your Flutter development environme

Uninstall Flutter from your system.

- \ No newline at end of file + + diff --git a/src/content/reference/create-new-app.md b/src/content/reference/create-new-app.md index 8d929d9108..46a12f78d3 100644 --- a/src/content/reference/create-new-app.md +++ b/src/content/reference/create-new-app.md @@ -38,12 +38,12 @@ choose your preferred environment and follow the corresponding instructions.

Create a new Flutter app without leaving your IntelliJ-based IDE.

- +
- Firebase Studio + Antigravity
-

For quick and easy setup, create a new Flutter app in Firebase Studio.

+

For quick and easy setup, create a new Flutter app in Antigravity.

@@ -300,61 +300,62 @@ check out the [IntelliJ for Flutter reference][ij-more]. -## Firebase Studio +## Antigravity -To create a Flutter app with [Firebase Studio][fbs], -you first need a Google account and to [set up Firebase Studio][fbs-setup]. -Then follow these steps: +To create a Flutter app with [Antigravity][ag], +you first need a Google account and to [download it][ag-install]]. - 1.

Launch Firebase Studio

+To set it up, do the following: - In your preferred browser, navigate to the [Firebase Studio dashboard][] - found at `studio.firebase.google.com/`. - If you haven't yet, you might need to log in to your Google account. + 1.

Launch Antigravity

- 1.

Create a new workspace

+ After opening Antigravity the first time, + the **How do you want to use Antigravity** screen + provides a list of radio buttons as well as some pulldown menus + that you can use to customize your use of the tool - In the Firebase Studio dashboard, find the **Start coding an app** section. - It should include a variety of templates to choose from. - Select the **Flutter** template. - If you can't find it, it might be under a **Mobile** category. + We recommend that you select **Review-driven development**, + which allows you to review and controll any commands that + Antigravity wants to run. Note that you can changed this + setting at any time to give Antigravity more control or less. + Even if you give Antigravity control to run commands, + you can specify certain commands that will always ask + for your review, such a `rm`. - 1.

Name your workspace

+ 1.

Install the Dart and Flutter extensions

- Firebase Studio should prompt you to **Name your workspace**. - This name is distinct from the name of your Flutter app. - Choose a descriptive name that you'll recognize - in a list of your workspaces. + Open the **Extensions** menu in the left nav and search for Dart. + The search results bring up both Dart and Flutter extensions. + Click the **install** button for Dart and then do the same + for Flutter. - 1.

Provision your new workspace

+ 1.

Set up any MCP servers that you use

- Once you've chosen a name and configured your workspace, - click **Create** to provision your new workspace. + Click the 3-dot hamburger menu in the upper right of + the xxx screen. Select **Manage MCP Servers** from + the pulldown menu. + + The **MCP Store** screen displays and you can search for Dart, + which is likely already in the display list. + Click **install**. - 1.

Wait for workspace initialization

+ After installing any servers that you want, + view them by clicking the **Manage MCP Servers** button + (not the same as the pulldown menu), + and click **View raw config** to access your JSON manifest. - Firebase Studio will now initialize your workspace, - bootstrap your project file structure, - and retrieve your app's dependencies. - This might take a while. - -1.

Run your app

- - Your new app should now be created and opened in the Firebase Studio editor. - To try your new app, follow the docs provided by Firebase Studio to - [preview your app][fbs-preview] on the web or on Android. - -{:.steps} + 1. Watch the following [Flutter + Antigravity] 10-minute video + for these tips and also to learn how to take advantage + of Antigravity's other benefits. -You've successfully created a new Flutter app in Firebase Studio! -If you need help configuring your workspace, -check out [Customize your Firebase studio workspace][fbs-customize]. + -[fbs]: https://firebase.studio -[Firebase Studio dashboard]: https://studio.firebase.google.com/ -[fbs-setup]: https://firebase.google.com/docs/studio/get-started -[fbs-preview]: https://firebase.google.com/docs/studio/preview-apps -[fbs-customize]: https://firebase.google.com/docs/studio/customize-workspace +[ag]: https://antigravity.google/ +[ag-codelab]: {{site.codelabs}}/getting-started-google-antigravity#0 +[ag-install]: https://antigravity.google/download +[ag-video]: https://www.youtube.com/watch?v=YY2w2JEX2xk&t=1s +[sunsetFS]: https://firebase.blog/posts/2026/03/announcing-ai-studio-integration ## Terminal diff --git a/src/content/resources/faq.md b/src/content/resources/faq.md index 61c1c30614..ac5bc119a6 100644 --- a/src/content/resources/faq.md +++ b/src/content/resources/faq.md @@ -157,20 +157,12 @@ Flutter includes: ### Does Flutter work with any editors or IDEs? We provide plugins for [VS Code][], +[Antigravity][] (an AI-assisted IDE), [Android Studio][], and [IntelliJ IDEA][]. See [editor configuration][] for setup details, and [VS Code][] and [Android Studio/IntelliJ][] for tips on how to use the plugins. -[Firebase Studio][], currently in preview, -is an AI-assisted workspace for full-stack, -multiplatform app development in the cloud. -Firebase Studio supports Dart and Flutter. For more information, -check out [Get started with Firebase Studio][]. - -[Firebase Studio]: https://firebase.studio/ -[Get started with Firebase Studio]: https://firebase.google.com/docs/studio/get-started - Alternatively, you can use the `flutter` command from a terminal, along with one of the many editors that support [editing Dart][]. diff --git a/src/content/tools/antigravity.md b/src/content/tools/antigravity.md index 01aa9ec9fd..88ca8b493b 100644 --- a/src/content/tools/antigravity.md +++ b/src/content/tools/antigravity.md @@ -6,4 +6,24 @@ description: Learn about the Antigravity agentic coding assistant. ## Introduction -Antigravity is a powerful agentic AI coding assistant designed by the Google Deepmind team working on Advanced Agentic Coding. It can help you pair program to solve your coding tasks, create new codebases, modify existing ones, and answer questions. +[Antigravity][ag] is a powerful agentic AI coding assistant and IDE +for building apps, including Flutter apps. +You can pair with Antigravity to solve your +coding tasks, create new codebases, modify existing ones, +and answer questions. + +:::note +[Antigravity replaces Firebase Studio][ag-announce]. +::: + +If you aren't familiar with Google's Antigravity, check out the +[Flutter + Antigravity in 10 minutes][ag-video] video: + + + + +[ag]: https://antigravity.google/ +[ag-announce]: https://firebase.google.com/docs/studio/migrating-project +[ag-codelab]: {{site.codelabs}}/getting-started-google-antigravity#0 +[ag-video]: {{site.youtube-site}}/watch?v=YY2w2JEX2xk&t=1s diff --git a/src/content/tools/editors.md b/src/content/tools/editors.md index f9ee04cfd2..ad3a0c2054 100644 --- a/src/content/tools/editors.md +++ b/src/content/tools/editors.md @@ -60,15 +60,15 @@ with one of the following editors.

Quickly build and run simple single-file Flutter apps on the web.

- +
- Firebase Studio + Antigravity
-

Develop complex Flutter apps in an AI-assisted workspace in the cloud.

+

Develop complex Flutter apps in an AI-assisted IDE.

diff --git a/src/data/sidenav/default.yml b/src/data/sidenav/default.yml index 3f9be5b941..776a4bd45f 100644 --- a/src/data/sidenav/default.yml +++ b/src/data/sidenav/default.yml @@ -686,12 +686,12 @@ permalink: /tools icon: construction children: - - title: Antigravity - permalink: /tools/antigravity - title: Android Studio & IntelliJ permalink: /tools/android-studio - title: Visual Studio Code permalink: /tools/vs-code + - title: Antigravity + permalink: /tools/antigravity - title: DevTools permalink: /tools/devtools children: From d154f8c4ba758d8b7bbbc72d6661d6ea1de9e580 Mon Sep 17 00:00:00 2001 From: "Shams Zakhour (ignore Sfshaza)" Date: Fri, 20 Mar 2026 11:46:42 -0700 Subject: [PATCH 4/4] Fix macro --- src/content/reference/create-new-app.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/create-new-app.md b/src/content/reference/create-new-app.md index 46a12f78d3..cc4ce98430 100644 --- a/src/content/reference/create-new-app.md +++ b/src/content/reference/create-new-app.md @@ -303,7 +303,7 @@ check out the [IntelliJ for Flutter reference][ij-more]. ## Antigravity To create a Flutter app with [Antigravity][ag], -you first need a Google account and to [download it][ag-install]]. +you first need a Google account and to [download it][ag-install]. To set it up, do the following: