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 -``` 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.
@@ -76,14 +76,17 @@ Firebase Studio, and other Code OSS-based editors.

Set up Flutter support in an IntelliJ-based IDE.

- + +{% 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..cc4ce98430 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 new file mode 100644 index 0000000000..88ca8b493b --- /dev/null +++ b/src/content/tools/antigravity.md @@ -0,0 +1,29 @@ +--- +title: Antigravity +shortTitle: Antigravity +description: Learn about the Antigravity agentic coding assistant. +--- + +## Introduction + +[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 68336984f2..776a4bd45f 100644 --- a/src/data/sidenav/default.yml +++ b/src/data/sidenav/default.yml @@ -690,6 +690,8 @@ permalink: /tools/android-studio - title: Visual Studio Code permalink: /tools/vs-code + - title: Antigravity + permalink: /tools/antigravity - title: DevTools permalink: /tools/devtools children: