diff --git a/src/_data/doctor.yml b/src/_data/doctor.yml
new file mode 100644
index 0000000000..b1e9d2e949
--- /dev/null
+++ b/src/_data/doctor.yml
@@ -0,0 +1,448 @@
+LinuxAndroid:
+  degree: 1
+  windows: 'X'
+  linux: 'N'
+  android-toolchain: 'Y'
+  chrome: 'N'
+  xcode: 'X'
+  visual-studio: 'X'
+  android-studio: 'Y'
+  errors: 2
+  add-android: 'N'
+  add-chrome: 'Y'
+  add-simulator: 'X'
+  add-xcode: 'X'
+  add-linux-tools: 'Y'
+  add-visual-studio: 'X'
+LinuxAndroidWeb:
+  degree: 2
+  windows: 'X'
+  linux: 'N'
+  android-toolchain: 'Y'
+  chrome: 'Y'
+  xcode: 'X'
+  visual-studio: 'X'
+  android-studio: 'Y'
+  errors: 1
+  add-android: 'N'
+  add-chrome: 'N'
+  add-simulator: 'X'
+  add-xcode: 'X'
+  add-linux-tools: 'Y'
+  add-visual-studio: 'X'
+LinuxDesktop:
+  degree: 1
+  windows: 'X'
+  linux: 'Y'
+  android-toolchain: 'N'
+  chrome: 'N'
+  xcode: 'X'
+  visual-studio: 'X'
+  android-studio: 'N'
+  errors: 3
+  add-android: 'Y'
+  add-chrome: 'Y'
+  add-simulator: 'X'
+  add-xcode: 'X'
+  add-linux-tools: 'N'
+  add-visual-studio: 'X'
+LinuxDesktopAndroid:
+  degree: 2
+  windows: 'X'
+  linux: 'Y'
+  android-toolchain: 'Y'
+  chrome: 'N'
+  xcode: 'X'
+  visual-studio: 'X'
+  android-studio: 'Y'
+  errors: 1
+  add-android: 'N'
+  add-chrome: 'Y'
+  add-simulator: 'X'
+  add-xcode: 'X'
+  add-linux-tools: 'N'
+  add-visual-studio: 'X'
+LinuxDesktopAndroidWeb:
+  degree: 3
+  windows: 'X'
+  linux: 'Y'
+  android-toolchain: 'Y'
+  chrome: 'Y'
+  xcode: 'X'
+  visual-studio: 'X'
+  android-studio: 'Y'
+  errors: 0
+  add-android: 'N'
+  add-chrome: 'N'
+  add-simulator: 'X'
+  add-xcode: 'X'
+  add-linux-tools: 'N'
+  add-visual-studio: 'X'
+LinuxDesktopWeb:
+  degree: 2
+  windows: 'X'
+  linux: 'Y'
+  android-toolchain: 'N'
+  chrome: 'Y'
+  xcode: 'X'
+  visual-studio: 'X'
+  android-studio: 'N'
+  errors: 2
+  add-android: 'Y'
+  add-chrome: 'N'
+  add-simulator: 'X'
+  add-xcode: 'X'
+  add-linux-tools: 'N'
+  add-visual-studio: 'X'
+LinuxWeb:
+  degree: 1
+  windows: 'X'
+  linux: 'N'
+  android-toolchain: 'N'
+  chrome: 'Y'
+  xcode: 'X'
+  visual-studio: 'X'
+  android-studio: 'N'
+  errors: 3
+  add-android: 'Y'
+  add-chrome: 'N'
+  add-simulator: 'X'
+  add-xcode: 'X'
+  add-linux-tools: 'Y'
+  add-visual-studio: 'X'
+macOSAndroid:
+  degree: 1
+  windows: 'X'
+  linux: 'X'
+  android-toolchain: 'Y'
+  chrome: 'N'
+  xcode: 'N'
+  visual-studio: 'X'
+  android-studio: 'Y'
+  errors: 2
+  add-android: 'N'
+  add-chrome: 'Y'
+  add-simulator: 'Y'
+  add-xcode: 'Y'
+  add-linux-tools: 'X'
+  add-visual-studio: 'X'
+macOSAndroidWeb:
+  degree: 2
+  windows: 'X'
+  linux: 'X'
+  android-toolchain: 'Y'
+  chrome: 'Y'
+  xcode: 'N'
+  visual-studio: 'X'
+  android-studio: 'Y'
+  errors: 1
+  add-android: 'N'
+  add-chrome: 'N'
+  add-simulator: 'Y'
+  add-xcode: 'Y'
+  add-linux-tools: 'X'
+  add-visual-studio: 'X'
+macOSDesktop:
+  degree: 1
+  windows: 'X'
+  linux: 'X'
+  android-toolchain: 'N'
+  chrome: 'N'
+  xcode: 'Y'
+  visual-studio: 'X'
+  android-studio: 'N'
+  errors: 3
+  add-android: 'Y'
+  add-chrome: 'Y'
+  add-simulator: 'Y'
+  add-xcode: 'N'
+  add-linux-tools: 'X'
+  add-visual-studio: 'X'
+macOSDesktopAndroid:
+  degree: 2
+  windows: 'X'
+  linux: 'X'
+  android-toolchain: 'Y'
+  chrome: 'N'
+  xcode: 'Y'
+  visual-studio: 'X'
+  android-studio: 'Y'
+  errors: 1
+  add-android: 'N'
+  add-chrome: 'Y'
+  add-simulator: 'Y'
+  add-xcode: 'N'
+  add-linux-tools: 'X'
+  add-visual-studio: 'X'
+macOSDesktopAndroidWeb:
+  degree: 3
+  windows: 'X'
+  linux: 'X'
+  android-toolchain: 'Y'
+  chrome: 'Y'
+  xcode: 'Y'
+  visual-studio: 'X'
+  android-studio: 'Y'
+  errors: 0
+  add-android: 'N'
+  add-chrome: 'N'
+  add-simulator: 'Y'
+  add-xcode: 'N'
+  add-linux-tools: 'X'
+  add-visual-studio: 'X'
+macOSDesktopiOS:
+  degree: 2
+  windows: 'X'
+  linux: 'X'
+  android-toolchain: 'N'
+  chrome: 'N'
+  xcode: 'Y'
+  visual-studio: 'X'
+  android-studio: 'N'
+  errors: 3
+  add-android: 'Y'
+  add-chrome: 'Y'
+  add-simulator: 'N'
+  add-xcode: 'N'
+  add-linux-tools: 'X'
+  add-visual-studio: 'X'
+macOSDesktopiOSAndroid:
+  degree: 3
+  windows: 'X'
+  linux: 'X'
+  android-toolchain: 'Y'
+  chrome: 'N'
+  xcode: 'Y'
+  visual-studio: 'X'
+  android-studio: 'Y'
+  errors: 1
+  add-android: 'N'
+  add-chrome: 'Y'
+  add-simulator: 'N'
+  add-xcode: 'N'
+  add-linux-tools: 'X'
+  add-visual-studio: 'X'
+macOSDesktopiOSAndroidWeb:
+  degree: 4
+  windows: 'X'
+  linux: 'X'
+  android-toolchain: 'Y'
+  chrome: 'Y'
+  xcode: 'Y'
+  visual-studio: 'X'
+  android-studio: 'Y'
+  errors: 0
+  add-android: 'N'
+  add-chrome: 'N'
+  add-simulator: 'N'
+  add-xcode: 'N'
+  add-linux-tools: 'X'
+  add-visual-studio: 'X'
+macOSDesktopiOSWeb:
+  degree: 3
+  windows: 'X'
+  linux: 'X'
+  android-toolchain: 'N'
+  chrome: 'Y'
+  xcode: 'Y'
+  visual-studio: 'X'
+  android-studio: 'N'
+  errors: 2
+  add-android: 'Y'
+  add-chrome: 'N'
+  add-simulator: 'N'
+  add-xcode: 'N'
+  add-linux-tools: 'X'
+  add-visual-studio: 'X'
+macOSDesktopWeb:
+  degree: 2
+  windows: 'X'
+  linux: 'X'
+  android-toolchain: 'N'
+  chrome: 'Y'
+  xcode: 'Y'
+  visual-studio: 'X'
+  android-studio: 'N'
+  errors: 2
+  add-android: 'Y'
+  add-chrome: 'N'
+  add-simulator: 'Y'
+  add-xcode: 'N'
+  add-linux-tools: 'X'
+  add-visual-studio: 'X'
+macOSiOS:
+  degree: 1
+  windows: 'X'
+  linux: 'X'
+  android-toolchain: 'N'
+  chrome: 'N'
+  xcode: 'Y'
+  visual-studio: 'X'
+  android-studio: 'N'
+  errors: 3
+  add-android: 'Y'
+  add-chrome: 'Y'
+  add-simulator: 'N'
+  add-xcode: 'N'
+  add-linux-tools: 'X'
+  add-visual-studio: 'X'
+macOSiOSAndroid:
+  degree: 2
+  windows: 'X'
+  linux: 'X'
+  android-toolchain: 'Y'
+  chrome: 'N'
+  xcode: 'Y'
+  visual-studio: 'X'
+  android-studio: 'Y'
+  errors: 1
+  add-android: 'N'
+  add-chrome: 'Y'
+  add-simulator: 'N'
+  add-xcode: 'N'
+  add-linux-tools: 'X'
+  add-visual-studio: 'X'
+macOSiOSWeb:
+  degree: 2
+  windows: 'X'
+  linux: 'X'
+  android-toolchain: 'N'
+  chrome: 'Y'
+  xcode: 'Y'
+  visual-studio: 'X'
+  android-studio: 'N'
+  errors: 2
+  add-android: 'Y'
+  add-chrome: 'N'
+  add-simulator: 'N'
+  add-xcode: 'N'
+  add-linux-tools: 'X'
+  add-visual-studio: 'X'
+macOSWeb:
+  degree: 1
+  windows: 'X'
+  linux: 'X'
+  android-toolchain: 'N'
+  chrome: 'Y'
+  xcode: 'N'
+  visual-studio: 'X'
+  android-studio: 'N'
+  errors: 3
+  add-android: 'Y'
+  add-chrome: 'N'
+  add-simulator: 'Y'
+  add-xcode: 'Y'
+  add-linux-tools: 'X'
+  add-visual-studio: 'X'
+WindowsAndroid:
+  degree: 1
+  windows: 'Y'
+  linux: 'X'
+  android-toolchain: 'Y'
+  chrome: 'N'
+  xcode: 'X'
+  visual-studio: 'N'
+  android-studio: 'Y'
+  errors: 2
+  add-android: 'N'
+  add-chrome: 'Y'
+  add-simulator: 'X'
+  add-xcode: 'X'
+  add-linux-tools: 'X'
+  add-visual-studio: 'Y'
+WindowsAndroidWeb:
+  degree: 2
+  windows: 'Y'
+  linux: 'X'
+  android-toolchain: 'Y'
+  chrome: 'Y'
+  xcode: 'X'
+  visual-studio: 'N'
+  android-studio: 'Y'
+  errors: 1
+  add-android: 'N'
+  add-chrome: 'N'
+  add-simulator: 'X'
+  add-xcode: 'X'
+  add-linux-tools: 'X'
+  add-visual-studio: 'Y'
+WindowsDesktop:
+  degree: 1
+  windows: 'Y'
+  linux: 'X'
+  android-toolchain: 'N'
+  chrome: 'N'
+  xcode: 'X'
+  visual-studio: 'Y'
+  android-studio: 'N'
+  errors: 3
+  add-android: 'Y'
+  add-chrome: 'Y'
+  add-simulator: 'X'
+  add-xcode: 'X'
+  add-linux-tools: 'X'
+  add-visual-studio: 'N'
+WindowsDesktopAndroid:
+  degree: 2
+  windows: 'Y'
+  linux: 'X'
+  android-toolchain: 'Y'
+  chrome: 'N'
+  xcode: 'X'
+  visual-studio: 'Y'
+  android-studio: 'Y'
+  errors: 1
+  add-android: 'N'
+  add-chrome: 'Y'
+  add-simulator: 'X'
+  add-xcode: 'X'
+  add-linux-tools: 'X'
+  add-visual-studio: 'N'
+WindowsDesktopAndroidWeb:
+  degree: 3
+  windows: 'Y'
+  linux: 'X'
+  android-toolchain: 'Y'
+  chrome: 'Y'
+  xcode: 'X'
+  visual-studio: 'Y'
+  android-studio: 'Y'
+  errors: 0
+  add-android: 'N'
+  add-chrome: 'N'
+  add-simulator: 'X'
+  add-xcode: 'X'
+  add-linux-tools: 'X'
+  add-visual-studio: 'N'
+WindowsDesktopWeb:
+  degree: 2
+  windows: 'Y'
+  linux: 'X'
+  android-toolchain: 'N'
+  chrome: 'Y'
+  xcode: 'X'
+  visual-studio: 'Y'
+  android-studio: 'N'
+  errors: 2
+  add-android: 'Y'
+  add-chrome: 'N'
+  add-simulator: 'X'
+  add-xcode: 'X'
+  add-linux-tools: 'X'
+  add-visual-studio: 'N'
+WindowsWeb:
+  degree: 1
+  windows: 'Y'
+  linux: 'X'
+  android-toolchain: 'N'
+  chrome: 'Y'
+  xcode: 'X'
+  visual-studio: 'N'
+  android-studio: 'N'
+  errors: 3
+  add-android: 'Y'
+  add-chrome: 'N'
+  add-simulator: 'X'
+  add-xcode: 'X'
+  add-linux-tools: 'X'
+  add-visual-studio: 'Y'
\ No newline at end of file
diff --git a/src/_data/sidenav.yml b/src/_data/sidenav.yml
index 487a739bb4..61be12c474 100644
--- a/src/_data/sidenav.yml
+++ b/src/_data/sidenav.yml
@@ -356,6 +356,8 @@
     - title: Android
       permalink: /platform-integration/android
       children:
+        - title: Add Android as build target
+          permalink: /platform-integration/android/install-android
         - title: Add a splash screen
           permalink: /platform-integration/android/splash-screen
         - title: Bind to native code
@@ -369,6 +371,8 @@
     - title: iOS
       permalink: /platform-integration/ios
       children:
+        - title: Add iOS as build target
+          permalink: /platform-integration/ios/install-ios
         - title: Leverage Apple's system libraries
           permalink: /platform-integration/ios/apple-frameworks
         - title: Add a launch screen
@@ -393,6 +397,8 @@
     - title: macOS
       permalink: /platform-integration/macos
       children:
+        - title: Add macOS as build target
+          permalink: /platform-integration/macos/install-macos
         - title: Build a macOS app
           permalink: /platform-integration/macos/building
         - title: C interop
@@ -400,6 +406,8 @@
     - title: Web
       permalink: /platform-integration/web
       children:
+        - title: Add web as build target
+          permalink: /platform-integration/web/install-web
         - title: Build a web app
           permalink: /platform-integration/web/building
         - title: Web FAQ
@@ -413,6 +421,8 @@
     - title: Windows
       permalink: /platform-integration/windows
       children:
+        - title: Add Windows as build target
+          permalink: /platform-integration/windows/install-windows
         - title: Build a Windows app
           permalink: /platform-integration/windows/building
 
diff --git a/src/_includes/docs/install/compiler/android.md b/src/_includes/docs/install/compiler/android.md
index 6f58d63376..7d6e430a49 100644
--- a/src/_includes/docs/install/compiler/android.md
+++ b/src/_includes/docs/install/compiler/android.md
@@ -1,11 +1,28 @@
 ## Configure Android development
 
+{% assign devos = include.devos %}
+{% assign target = include.target %}
+{% assign compiler = include.compiler %}
+{% assign time = include.time %}
+
+{% case devos %}
+{% when 'Windows' -%}
+   {% assign terminal='PowerShell' %}
+   {% assign prompt='C:\>' %}
+{% when "macOS" -%}
+   {% assign terminal='your Terminal' %}
+   {% assign prompt='$' %}
+{% else -%}
+   {% assign terminal='a shell' %}
+   {% assign prompt='$' %}
+{% endcase -%}
+
 ### Configure the Android toolchain in Android Studio
 
 {% include docs/help-link.md location='android-studio' section='#android-setup' %}
 
 {% comment %} Nav tabs {% endcomment -%}
-<ul class="nav nav-tabs" id="android-studio-start" role="tablist">
+<ul class="nav nav-tabs" id="android-studio-start-{{devos | downcase}}" role="tablist">
     <li class="nav-item">
         <a class="nav-link active" id="first-start-tab" href="#first-start" role="tab" aria-controls="first-start" aria-selected="true">First time using Android Studio</a>
     </li>
@@ -17,7 +34,11 @@
 {% comment %} Tab panes {% endcomment -%}
 <div class="tab-content">
 
-<div class="tab-pane active" id="first-start" role="tabpanel" aria-labelledby="first-start-tab" markdown="1">
+<div class="tab-pane active"
+     id="first-start"
+     role="tabpanel"
+     aria-labelledby="first-start-tab"
+     markdown="1">
 
 1. Start **Android Studio**.
 
@@ -35,7 +56,11 @@
 
 </div>
 
-<div class="tab-pane" id="later-start" role="tabpanel" aria-labelledby="later-start-tab" markdown="1">
+<div class="tab-pane"
+     id="later-start"
+     role="tabpanel"
+     aria-labelledby="later-start-tab"
+     markdown="1">
 
 1. Start **Android Studio**.
 
@@ -116,18 +141,20 @@
 
 <div class="tab-pane active" id="virtual" role="tabpanel" aria-labelledby="virtual-tab" markdown="1">
 
-{% include docs/install/devices/android-emulator.md os=include.os %}
+{% include docs/install/devices/android-emulator.md devos=devos %}
 
 </div>
 
 <div class="tab-pane" id="physical" role="tabpanel" aria-labelledby="physical-tab" markdown="1">
 
-{% include docs/install/devices/android-physical.md os=include.os %}
+{% include docs/install/devices/android-physical.md devos=devos %}
 
 </div>
 </div>
 {% comment %} End: Tab panes. {% endcomment -%}
 
+{% if time=="first" %}
+
 ### Agree to Android licenses
 
 {% include docs/help-link.md location='android-licenses' section='#android-setup' %}
@@ -140,7 +167,7 @@ agree to the licenses of the Android SDK platform.
 1. Run the following command to enable signing licenses.
 
    ```terminal
-   $ flutter doctor --android-licenses
+   {{prompt}} flutter doctor --android-licenses
    ```
 
    If you accepted the Android Studio licenses at another time,
@@ -207,3 +234,5 @@ source ~/.zshrc
 ```
 
 </details>
+
+{% endif %}
diff --git a/src/_includes/docs/install/compiler/xcode.md b/src/_includes/docs/install/compiler/xcode.md
index ba085e5876..d414b5e13b 100644
--- a/src/_includes/docs/install/compiler/xcode.md
+++ b/src/_includes/docs/install/compiler/xcode.md
@@ -1,12 +1,15 @@
 ## Configure iOS development
 
 {% assign prompt1='$' %}
-{% assign os = include.os %}
+{% assign devos = include.devos %}
 {% assign target = include.target %}
+{% assign time = include.time %}
 
 ### Configure Xcode
 
-To develop Flutter apps for {{os}}, install Xcode to compile to native bytecode.
+{% if time=="first" %}
+
+To develop Flutter apps for {{target}}, install Xcode to compile to native bytecode.
 
 1. To configure the command-line tools to use the installed version of Xcode,
    run the following commands.
@@ -18,25 +21,33 @@ To develop Flutter apps for {{os}}, install Xcode to compile to native bytecode.
    To use the latest version of Xcode, use this path.
    If you need to use a different version, specify that path instead.
 
-{% if target=="mobile-ios" %}
-
-1. To install the iOS Simulator, run the following command.
+1. Sign the Xcode license agreement.
 
     ```terminal
-    {{prompt1}} xcodebuild -downloadPlatform iOS
+    {{prompt1}} sudo xcodebuild -license
     ```
 
-{% endif %}
+{% else %}
 
-1. Sign the Xcode license agreement.
+This section presumes you have installed and configured Xcode when you
+installed Flutter for
 
-    ```terminal
-    {{prompt1}} sudo xcodebuild -license
-    ```
+{%- case target %}
+{%- when 'iOS' %}
+[macOS desktop][macos-install]
+{%- when 'desktop' %}
+[iOS][ios-install]
+{%- endcase %}
+ development.
+
+[macos-install]: /get-started/install/macos/desktop/#configure-ios-development
+[ios-install]: /get-started/install/macos/mobile-ios/#configure-ios-development
+
+{% endif %}
 
 Try to keep to the current version of Xcode.
 
-{% if target=="mobile-ios" %}
+{% if target=='iOS' %}
 
 ### Configure your target iOS device
 
@@ -57,13 +68,13 @@ With Xcode, you can run Flutter apps on an iOS device or on the simulator.
 
 <div class="tab-pane active" id="virtual" role="tabpanel" aria-labelledby="virtual-tab" markdown="1">
 
-{% include docs/install/devices/ios-simulator.md os=include.os %}
+{% include docs/install/devices/ios-simulator.md %}
 
 </div>
 
 <div class="tab-pane" id="physical" role="tabpanel" aria-labelledby="physical-tab" markdown="1">
 
-{% include docs/install/devices/ios-physical.md os=include.os %}
+{% include docs/install/devices/ios-physical.md %}
 
 </div>
 </div>
@@ -71,11 +82,13 @@ With Xcode, you can run Flutter apps on an iOS device or on the simulator.
 
 {% endif %}
 
+{% if time=="first" %}
+
 ### Install CocoaPods
 
-If your apps depend on [Flutter plugins][] with native {{os}} code,
+If your apps depend on [Flutter plugins][] with native {{target}} code,
 install [CocoaPods][cocoapods].
-This program bundles various dependencies across Flutter and {{os}} code.
+This program bundles various dependencies across Flutter and {{target}} code.
 
 To install and set up CocoaPods, run the following commands:
 
@@ -100,4 +113,7 @@ To install and set up CocoaPods, run the following commands:
 1. To apply this change, restart all open terminal sessions.
 
 [Flutter plugins]: /packages-and-plugins/developing-packages#types
+
+{% endif %}
+
 [cocoapods]: https://guides.cocoapods.org/using/getting-started.html#installation
diff --git a/src/_includes/docs/install/devices/android-emulator.md b/src/_includes/docs/install/devices/android-emulator.md
index d2fa667ac5..8badeb4eaf 100644
--- a/src/_includes/docs/install/devices/android-emulator.md
+++ b/src/_includes/docs/install/devices/android-emulator.md
@@ -3,9 +3,14 @@
 
 {% include docs/help-link.md location='android-emulator' section='#android-setup' %}
 
-{% if include.os=='Windows' -%}
+{% assign devos = include.devos %}
+{% assign target = include.target %}
+{% assign compiler = include.compiler %}
+{% assign time = include.time %}
+
+{% if devos=='Windows' -%}
 {% assign images = '**x86 Images**' -%}
-{% elsif include.os=='macOS' -%}
+{% elsif devos=='macOS' -%}
 {% assign images = '**x86 Images** if your Mac runs on an Intel CPU or **ARM Images** if your Mac runs on an Apple CPU' -%}
 {% endif -%}
 
diff --git a/src/_includes/docs/install/devices/android-physical.md b/src/_includes/docs/install/devices/android-physical.md
index 2c27e46cd8..17b32a8efc 100644
--- a/src/_includes/docs/install/devices/android-physical.md
+++ b/src/_includes/docs/install/devices/android-physical.md
@@ -3,6 +3,11 @@
 
 {% include docs/help-link.md location='android-device' section='#android-setup' %}
 
+{% assign devos = include.devos %}
+{% assign target = include.target %}
+{% assign compiler = include.compiler %}
+{% assign time = include.time %}
+
 To configure your Flutter app to run on a physical Android device,
 you need an Android device running {{site.targetmin.android}} or later.
 
@@ -14,18 +19,18 @@ you need an Android device running {{site.targetmin.android}} or later.
    enable **Wireless debugging** on your device as described in the
    [Android documentation]({{site.android-dev}}/studio/run/device#wireless).
 
-{%- if include.os == 'Windows' %}
+{%- if devos == 'Windows' %}
 
 1. Install the [Google USB Driver]({{site.android-dev}}/studio/run/win-usb).
 
 {% endif %}
 
-1. Plug your device into your {{include.os}} computer.
+1. Plug your device into your {{devos}} computer.
    If your device prompts you, authorize your computer to access your device.
 
 1. Verify that Flutter recognizes your connected Android device.
 
-   {%- if include.os == 'Windows' %}
+   {%- if devos == 'Windows' %}
 
    In PowerShell, run:
 
@@ -33,7 +38,7 @@ you need an Android device running {{site.targetmin.android}} or later.
    c:\> flutter devices
    ```
 
-   {% elsif include.os == 'macOS' %}
+   {% elsif devos == 'macOS' %}
 
    In the Terminal, run:
 
diff --git a/src/_includes/docs/install/devices/ios-physical.md b/src/_includes/docs/install/devices/ios-physical.md
index 90cabdedd9..dd72c8a9e4 100644
--- a/src/_includes/docs/install/devices/ios-physical.md
+++ b/src/_includes/docs/install/devices/ios-physical.md
@@ -241,7 +241,7 @@ extend the timeout. The timeout defaults to 10 seconds.
 To extend the timeout, change the value to an integer greater than 10.
 
 ```terminal
-flutter run --device-timeout 60
+$ flutter run --device-timeout 60
 ```
 
 {{site.alert.secondary}}
diff --git a/src/_includes/docs/install/devices/ios-simulator.md b/src/_includes/docs/install/devices/ios-simulator.md
index 07b2018767..acf6f57705 100644
--- a/src/_includes/docs/install/devices/ios-simulator.md
+++ b/src/_includes/docs/install/devices/ios-simulator.md
@@ -4,6 +4,12 @@
 To prepare to run and test your Flutter app on the iOS simulator,
 follow this procedure.
 
+1. To install the iOS Simulator, run the following command.
+
+    ```terminal
+    {{prompt1}} xcodebuild -downloadPlatform iOS
+    ```
+
 1. To start the Simulator, run the following command:
 
     ```terminal
diff --git a/src/_includes/docs/install/flutter-doctor-success.md b/src/_includes/docs/install/flutter-doctor-success.md
index 16baa4dc2f..d0cfda28f0 100644
--- a/src/_includes/docs/install/flutter-doctor-success.md
+++ b/src/_includes/docs/install/flutter-doctor-success.md
@@ -1,45 +1,40 @@
+{% assign doctor = site.data.doctor %}
+{% assign config = site.data.doctor[include.config] %}
+
+```terminal
 Running flutter doctor...
 Doctor summary (to see all details, run flutter doctor -v):
 [✓] Flutter (Channel stable, {{site.appnow.flutter}}, on {{os}} A.B chipset, locale en)
-{% if os=='Windows' -%}
+{%- if config.windows == 'Y' %}
 [✓] Windows version (Installed version of Windows is version 10 or higher)
-{% endif -%}
-{% case target -%}
-{% when 'mobile','mobile-android' -%}
-[✓] Android toolchain - develop for Android devices (Android SDK version {{site.appnow.android_sdk}})
-{% else -%}
-[!] Android toolchain - develop for Android devices
-{% endcase -%}
-{% if target=='web' -%}[✓]{% else -%}[!]{% endif %} Chrome - develop for the web
-{%- if os=='macOS' -%}
-{% case target %}
-{%- when 'desktop', 'mobile-ios' %}
-[✓] Xcode - develop for iOS and macOS (Xcode {{site.appnow.xcode}})
-{%- else %}
-[!] Xcode - develop for iOS and macOS (Xcode not installed)
+{%- endif %}
+{% case config.android-toolchain %}
+{%- when 'Y' %}[✓] Android toolchain - develop for Android devices (Android SDK version {{site.appnow.android_sdk}})
+{%- when 'N' %}[!] Android toolchain - develop for Android devices
+{%- endcase %}
+{% case config.chrome %}
+{%- when 'Y' %}[✓] Chrome - develop for the web
+{%- when 'N' %}[!] Chrome - develop for the web
+{%- endcase %}
+{% case config.xcode %}
+{%- when 'Y' %}[✓] Xcode - develop for iOS and macOS (Xcode {{site.appnow.xcode}})
+{%- when 'N' %}[!] Xcode - develop for iOS and macOS (Xcode not installed)
+{%- endcase -%}
+{% case config.visual-studio %}
+{%- when 'Y' %}[✓] Visual Studio - develop Windows apps (version 2022)
+{%- when 'N' %}[!] Visual Studio - develop Windows apps
+{%- endcase %}
+{% case config.android-studio %}
+{%- when 'Y' %}[✓] Android Studio (version {{site.appnow.android_studio}})
+{%- when 'N' %}[!] Android Studio (not installed)
 {%- endcase %}
-{% endif -%}
-{% if os=='Windows' %}
-{% if target=='desktop' -%}
-[✓] Visual Studio - develop Windows apps (version 2022)
-{% else -%}
-[!] Visual Studio - develop Windows apps
-{% endif -%}
-{% endif -%}
-{% if target=='mobile' or target=='mobile-android' -%}
-[✓] Android Studio (version {{site.appnow.android_studio}})
-{% else -%}
-[!] Android Studio (not installed)
-{% endif -%}
+{% case config.linux %}
+{%- when 'Y' %}[✓] Linux toolchain - develop for Linux desktop
+{%- when 'N' %}[!] Linux toolchain - develop for Linux desktop
+{%- endcase -%}
 [✓] VS Code (version {{site.appnow.vscode}})
 [✓] Connected device (1 available)
 [✓] Network resources
 
-{% case target %}
-{% when 'desktop','mobile-ios' -%}
-! Doctor found issues in 3 categories.
-{% when 'mobile', 'mobile-android' -%}
-! Doctor found issues in 2 categories.
-{% when 'web' -%}
-! Doctor found issues in 4 categories.
-{% endcase -%}
+! Doctor found issues in {{config.errors}} categories.
+```
diff --git a/src/_includes/docs/install/flutter-doctor.md b/src/_includes/docs/install/flutter-doctor.md
index 69d15a6c48..db682361b0 100644
--- a/src/_includes/docs/install/flutter-doctor.md
+++ b/src/_includes/docs/install/flutter-doctor.md
@@ -2,20 +2,11 @@
 
 {% include docs/help-link.md location='win-doctor' %}
 
-{% assign os = include.os %}
+{% assign devos = include.devos %}
 {% assign target = include.target %}
 {% assign compiler = include.compiler %}
 
-{% case target %}
-{% when 'mobile-ios' %}
-   {% assign v-target = 'iOS' %}
-{% when 'mobile-android' %}
-   {% assign v-target = 'Android' %}
-{% else %}
-   {% assign v-target = target %}
-{% endcase %}
-
-{% case os %}
+{% case devos %}
 {% when 'Windows' -%}
    {% assign terminal='PowerShell' %}
    {% assign prompt='C:\>' %}
@@ -26,11 +17,19 @@
    {% assign terminal='a shell' %}
    {% assign prompt='$' %}
 {% endcase -%}
+{% case target %}
+{% when 'macOS','Windows','Linux' %}
+{% assign work-target = target | append: ' desktop' %}
+{% when 'desktop' %}
+{% assign work-target = devos | append: ' desktop' %}
+{% else %}
+{% assign work-target = target | append: ' on ' | append: devos %}
+{% endcase %}
 
 ### Run Flutter doctor
 
 The `flutter doctor` command validates that all components of a
-complete Flutter development environment for {{os}}.
+complete Flutter development environment for {{devos}}.
 
 1. Open {{terminal}}.
 
@@ -41,13 +40,11 @@ complete Flutter development environment for {{os}}.
    {{prompt}} flutter doctor
    ```
 
-As you chose to develop for {{v-target}},
+As you chose to develop for {{target}},
 you do not need _all_ components.
 If you followed this guide, the result of your command should resemble:
 
-```terminal
-{% include docs/install/flutter-doctor-success.md %}
-```
+{% include docs/install/flutter-doctor-success.md config=include.config -%}
 
 ### Troubleshoot Flutter doctor issues
 
@@ -66,3 +63,9 @@ or further tasks to perform.
 
 If you change the configuration of your Flutter SDK or its related components,
 run `flutter doctor` again to verify the installation.
+
+## Start developing {{work-target}} apps on Flutter
+
+Congratulations!
+Now that you have installed all prerequisites and the Flutter SDK,
+you should be able to start developing Flutter apps for {{work-target}}.
diff --git a/src/_includes/docs/install/flutter-sdk.md b/src/_includes/docs/install/flutter-sdk.md
index 711e675a7e..8bdf5efe3f 100644
--- a/src/_includes/docs/install/flutter-sdk.md
+++ b/src/_includes/docs/install/flutter-sdk.md
@@ -1,9 +1,10 @@
 {% assign os=include.os %}
+{% assign target = include.target %}
 {% assign terminal=include.terminal %}
 {% case target %}
 {% when 'mobile-ios' %}
    {% assign v-target = 'iOS' %}
-{% when 'mobile-android' %}
+{% when 'mobile-android','mobile' %}
    {% assign v-target = 'Android' %}
 {% else %}
    {% assign v-target = target %}
@@ -40,7 +41,3 @@ or download and install the Flutter bundle yourself.
 </div>
 </div>
 {% comment %} End: Tab panes. {% endcomment -%}
-
-If you have installed all prerequisites and the Flutter SDK,
-you should be able to start developing Flutter on
-{{os}} for {{v-target}}.
diff --git a/src/_includes/docs/install/next-steps.md b/src/_includes/docs/install/next-steps.md
index 60d19df07f..189270da09 100644
--- a/src/_includes/docs/install/next-steps.md
+++ b/src/_includes/docs/install/next-steps.md
@@ -3,8 +3,45 @@
 To learn more about managing your Flutter SDK install,
 check out the following resources.
 
+{% assign doctor = site.data.doctor %}
+{% assign config = site.data.doctor[include.config] %}
+{% assign target = include.target | remove: 'mobile-' | downcase %}
+{% assign devos = include.devos %}
+{% if target == 'desktop' %}
+    {% assign webtarget = devos | append: '-desktop' | downcase %}
+    {% assign target = devos | downcase %}
+{% else %}
+    {% assign webtarget = target | append: '-on-' | append: devos | downcase %}
+{% endif %}
+
 * [Upgrade Flutter][upgrade]
+{%- case config.add-android %}
+{%- when 'Y' %}
+* [Add Android compilation tools](/platform-integration/android/install-android/install-android-from-{{target}})
+{%- endcase %}
+{%- case config.add-chrome %}
+{%- when 'Y' %}
+* [Add Web debugging
+  tools](/platform-integration/web/install-web/install-web-from-{{webtarget}})
+{%- endcase %}
+{%- case config.add-simulator %}
+{%- when 'Y' %}
+* [Add iOS simulator or device](/platform-integration/ios/install-ios/install-ios-from-{{target}})
+{%- endcase %}
+{%- case config.add-xcode %}
+{%- when 'Y' %}
+* [Add macOS compliation tools](/platform-integration/macos/install-macos/install-macos-from-{{target}})
+{%- endcase %}
+{%- case config.add-linux-tools %}
+{%- when 'Y' %}
+* [Add Linux compiliation tools](/platform-integration/linux/install-linux/install-linux-from-{{target}})
+{%- endcase %}
+{%- case config.add-visual-studio %}
+{%- when 'Y' %}
+* [Add Windows desktop compiliation tools](/platform-integration/windows/install-windows/install-windows-from-{{target}})
+{%- endcase %}
 * [Uninstall Flutter][uninstall]
 
+
 [upgrade]: /release/upgrade
-[uninstall]: /get-started/uninstall?tab={{os | downcase}}
+[uninstall]: /get-started/uninstall?tab={{devos}}
diff --git a/src/_includes/docs/install/reqs/add-web.md b/src/_includes/docs/install/reqs/add-web.md
new file mode 100644
index 0000000000..e2940e60cf
--- /dev/null
+++ b/src/_includes/docs/install/reqs/add-web.md
@@ -0,0 +1,6 @@
+1. Allocate a minimum of 1 GB of storage for Google Chrome.
+   Consider allocating 2 GB of storage for an optimal configuration.
+1. Download and install the {{devos}} version of [Google Chrome][]
+   to debug JavaScript code for web apps.
+
+[Google Chrome]: https://www.google.com/chrome/dr/download/
diff --git a/src/_includes/docs/install/reqs/macos/software.md b/src/_includes/docs/install/reqs/macos/software.md
index 3e4993323c..39731b1926 100644
--- a/src/_includes/docs/install/reqs/macos/software.md
+++ b/src/_includes/docs/install/reqs/macos/software.md
@@ -24,19 +24,18 @@ If you need to install `git`, type `brew install git`.
 
 {% when 'mobile-android' %}
 
-* {{android -}}
+* {{android}}
 * {{git-main}}
   {{- git-other}}
 
 {% when 'web' -%}
 
-* {{chrome -}}
+* {{chrome}}
 * {{git-main}}
   {{- git-other}}
 
 {% endcase %}
 
-[Homebrew]: https://brew.sh/
 [Git]: https://formulae.brew.sh/formula/git
 [Android Studio]: https://developer.android.com/studio/install#mac
 [Xcode]: {{site.apple-dev}}/xcode/
diff --git a/src/_sass/base/_base.scss b/src/_sass/base/_base.scss
index d564740509..e3a26ab664 100644
--- a/src/_sass/base/_base.scss
+++ b/src/_sass/base/_base.scss
@@ -111,6 +111,10 @@ dd {
   opacity: 1;
 }
 
+.card-app-type {
+  border-color: $site-color-nav-links;
+}
+
 .fixed-col {
   @include bootstrap.media-breakpoint-up(md) {
     bottom: 0;
diff --git a/src/assets/js/main.js b/src/assets/js/main.js
index 997e769e48..f6e40b9ef1 100644
--- a/src/assets/js/main.js
+++ b/src/assets/js/main.js
@@ -30,6 +30,13 @@ document.addEventListener("DOMContentLoaded", function(_) {
   setupTabs($('#china-os-pub-tabs'), 'dev.flutter.china-os-pub');
   setupTabs($('#base-os-tabs'), 'dev.flutter.os');
 
+  setupTabs($('#add-ios'), 'dev.flutter.upgrade.ios');
+  setupTabs($('#add-android'), 'dev.flutter.upgrade.android');
+  setupTabs($('#add-macos'), 'dev.flutter.upgrade.macos');
+  setupTabs($('#add-windows'), 'dev.flutter.upgrade.windows');
+  setupTabs($('#add-linux'), 'dev.flutter.upgrade.linux');
+  setupTabs($('#add-web'), 'dev.flutter.upgrade.web');
+
   prettyPrint();
 });
 
diff --git a/src/get-started/install/macos/desktop.md b/src/get-started/install/macos/desktop.md
index b37d871b5f..3dc090fa60 100644
--- a/src/get-started/install/macos/desktop.md
+++ b/src/get-started/install/macos/desktop.md
@@ -2,18 +2,20 @@
 title: Start building Flutter native desktop apps on macOS
 description: Configure your system to develop Flutter desktop apps on macOS.
 short-title: macOS desktop development
-platform: desktop
+target: desktop
+config: macOSDesktop
+devos: macOS
 next:
   title: Create a test app
   path: /get-started/test-drive
 ---
 
-{% include docs/install/reqs/macos/base.md target='desktop' os='macOS' -%}
+{% include docs/install/reqs/macos/base.md target=page.target os=page.devos -%}
 
-{% include docs/install/flutter-sdk.md target='desktop' os='macOS' terminal='Terminal' -%}
+{% include docs/install/flutter-sdk.md target=page.target os=page.devos terminal='Terminal' -%}
 
-{% include docs/install/compiler/xcode.md target='desktop' os='macOS' -%}
+{% include docs/install/compiler/xcode.md target=page.target os=page.devos time='first' -%}
 
-{% include docs/install/flutter-doctor.md target='desktop' os='macOS' platform='desktop' compiler='Xcode' -%}
+{% include docs/install/flutter-doctor.md target=page.target devos=page.devos target=page.target compiler='Xcode' config=page.config -%}
 
-{% include docs/install/next-steps.md os='macOS' -%}
+{% include docs/install/next-steps.md devos=page.devos target=page.target config=page.config -%}
diff --git a/src/get-started/install/macos/index.md b/src/get-started/install/macos/index.md
index bc3ea89d23..7afbbceb01 100644
--- a/src/get-started/install/macos/index.md
+++ b/src/get-started/install/macos/index.md
@@ -2,41 +2,46 @@
 title: Choose your first type of app
 description: Configure your system to develop Flutter on macOS.
 short-title: macOS
-target-list: [Desktop, Mobile-iOS, Mobile-Android, Web]
+target-list: [Desktop, iOS, Android, Web]
 js: [{url: '/assets/js/temp/macos-install-redirector.js'}]
 ---
 
 {% assign os = 'macos' -%}
-{% assign recommend = 'mobile-iOS' %}
+{% assign recommend = 'iOS' %}
 {% capture rec-target -%}
-[{{recommend | remove: 'mobile-' | strip}}](/get-started/install/{{os | remove: ' ' | downcase}}/{{recommend | downcase}})
+[{{recommend | strip}}]({{site.url}}/get-started/install/{{os | downcase}}/{{recommend | downcase}})
 {%- endcapture %}
 
 <div class="card-deck mb-8">
 {% for target in page.target-list %}
-  <a class="card" id="install-{{os | remove: ' ' | downcase}}" href="/get-started/install/{{os | remove: ' ' | downcase}}/{{target | downcase}}">
+{% case target %}
+{% when "iOS", "Android" %}
+{% assign targetlink = target | downcase | prepend: 'mobile-' %}
+{% else %}
+{% assign targetlink = target | downcase %}
+{% endcase %}
+  <a class="card card-app-type"
+     id="install-{{os | downcase}}"
+     href="{{site.url}}/get-started/install/{{os | downcase}}/{{targetlink}}">
     <div class="card-body">
       <header class="card-title text-center m-0">
         <span class="d-block h1">
           {% assign icon = target | downcase -%}
-          {% if icon == 'desktop' -%}
+          {% case icon %}
+          {% when 'desktop' -%}
             <span class="material-symbols">laptop_mac</span>
-          {% elsif icon == 'mobile-ios' -%}
+          {% when 'ios' -%}
             <span class="material-symbols">phone_iphone</span>
-          {% elsif icon == 'mobile-android' -%}
+          {% when 'android' -%}
             <span class="material-symbols">phone_android</span>
-          {% else -%}
+          {% when 'web' -%}
             <span class="material-symbols">open_in_browser</span>
-          {% endif -%}
+          {% endcase -%}
         </span>
         <span class="text-muted text-nowrap">
-        {% if target == "Desktop" or target == "Web" %}
-        {% assign target = "-" | append: target %}
-        {% endif -%}
-        {% assign mac_target = target | split: "-" | last %}
-        {{ mac_target }}
+        {{ target }}
         </span>
-        {% if icon == 'mobile-ios' -%}
+        {% if icon == 'ios' -%}
           <div class="card-subtitle">Recommended</div>
         {% endif %}
       </header>
diff --git a/src/get-started/install/macos/mobile-android.md b/src/get-started/install/macos/mobile-android.md
index 4b4f328c38..076435c6f9 100644
--- a/src/get-started/install/macos/mobile-android.md
+++ b/src/get-started/install/macos/mobile-android.md
@@ -2,17 +2,20 @@
 title: Start building Flutter Android apps on macOS
 description: Configure your system to develop Flutter mobile apps on macOS and Android.
 short-title: macOS Android development
+target: Android
+config: macOSAndroid
+devos: macOS
 next:
   title: Create a test app
   path: /get-started/test-drive
 ---
 
-{% include docs/install/reqs/macos/base.md target='mobile-android' os='macOS' -%}
+{% include docs/install/reqs/macos/base.md target=page.target os=page.devos -%}
 
-{% include docs/install/flutter-sdk.md target='mobile-android' os='macOS' terminal='Terminal' -%}
+{% include docs/install/flutter-sdk.md target=page.target os=page.devos terminal='Terminal' -%}
 
-{% include docs/install/compiler/android.md target='mobile-android' os='macOS' -%}
+{% include docs/install/compiler/android.md target=page.target os=page.devos -%}
 
-{% include docs/install/flutter-doctor.md target='mobile-android' os='macOS' compiler='Android Studio' -%}
+{% include docs/install/flutter-doctor.md target=page.target devos=page.devos compiler='Android Studio' config=page.config -%}
 
-{% include docs/install/next-steps.md os='macOS' -%}
+{% include docs/install/next-steps.md devos=page.devos target=page.target config=page.config -%}
diff --git a/src/get-started/install/macos/mobile-ios.md b/src/get-started/install/macos/mobile-ios.md
index f40c8919d0..3fc5ac136a 100644
--- a/src/get-started/install/macos/mobile-ios.md
+++ b/src/get-started/install/macos/mobile-ios.md
@@ -2,17 +2,20 @@
 title: Start building Flutter iOS apps on macOS
 description: Configure your system to develop Flutter mobile apps on macOS and iOS.
 short-title: macOS iOS development
+target: iOS
+config: macOSiOS
+devos: macOS
 next:
   title: Create a test app
   path: /get-started/test-drive
 ---
 
-{% include docs/install/reqs/macos/base.md target='mobile-ios' os='macOS' -%}
+{% include docs/install/reqs/macos/base.md target=page.target os=page.devos -%}
 
-{% include docs/install/flutter-sdk.md target='mobile-ios' os='macOS' terminal='Terminal' -%}
+{% include docs/install/flutter-sdk.md target=page.target os=page.devos terminal='Terminal' -%}
 
-{% include docs/install/compiler/xcode.md target='mobile-ios' os='macOS' -%}
+{% include docs/install/compiler/xcode.md target=page.target os=page.devos time='first' -%}
 
-{% include docs/install/flutter-doctor.md target='mobile-ios' os='macOS' compiler='Xcode' -%}
+{% include docs/install/flutter-doctor.md target=page.target devos=page.devos compiler='Xcode' config=page.config -%}
 
-{% include docs/install/next-steps.md os='macOS' -%}
+{% include docs/install/next-steps.md devos=page.devos target=page.target config=page.config -%}
\ No newline at end of file
diff --git a/src/get-started/install/macos/web.md b/src/get-started/install/macos/web.md
index 5e7df811a1..ed64da3a65 100644
--- a/src/get-started/install/macos/web.md
+++ b/src/get-started/install/macos/web.md
@@ -2,15 +2,18 @@
 title: Start building Flutter web apps on macOS
 description: Configure your system to develop Flutter web apps on macOS.
 short-title: macOS Web development
+target: web
+config: macOSWeb
+devos: macOS
 next:
   title: Create a test app
   path: /get-started/test-drive
 ---
 
-{% include docs/install/reqs/macos/base.md target='web' os='macOS' -%}
+{% include docs/install/reqs/macos/base.md target=page.target os=page.devos -%}
 
-{% include docs/install/flutter-sdk.md target='web' os='macOS' terminal='Terminal' -%}
+{% include docs/install/flutter-sdk.md target=page.target os=page.devos terminal='Terminal' -%}
 
-{% include docs/install/flutter-doctor.md target='web' os='macOS' -%}
+{% include docs/install/flutter-doctor.md target=page.target devos=page.devos config=page.config -%}
 
-{% include docs/install/next-steps.md os='macOS' -%}
+{% include docs/install/next-steps.md devos=page.devos target=page.target config=page.config -%}
diff --git a/src/get-started/install/windows/desktop.md b/src/get-started/install/windows/desktop.md
index a76722cb65..017165cecb 100644
--- a/src/get-started/install/windows/desktop.md
+++ b/src/get-started/install/windows/desktop.md
@@ -2,16 +2,18 @@
 title: Start building Flutter native desktop apps on Windows
 description: Configure your system to develop Flutter desktop apps on Windows.
 short-title: Windows Desktop app
-platform: desktop
+target: desktop
+config: WindowsDesktop
+devos: Windows
 next:
   title: Create a test app
   path: /get-started/test-drive
 ---
 
-{% include docs/install/reqs/windows/base.md target='desktop' os='Windows' -%}
+{% include docs/install/reqs/windows/base.md target=page.target os=page.devos -%}
 
-{% include docs/install/flutter-sdk.md target='desktop' os='Windows' terminal='PowerShell' -%}
+{% include docs/install/flutter-sdk.md target=page.target os=page.devos terminal='PowerShell' -%}
 
-{% include docs/install/flutter-doctor.md target='desktop' os='Windows' platform='desktop' compiler='Visual Studio' -%}
+{% include docs/install/flutter-doctor.md target=page.target devos=page.devos platform=page.target compiler='Visual Studio' config=page.config -%}
 
-{% include docs/install/next-steps.md os='Windows' -%}
+{% include docs/install/next-steps.md devos=page.devos target=page.target config=page.config -%}
diff --git a/src/get-started/install/windows/index.md b/src/get-started/install/windows/index.md
index 79bbb335b2..e8c464926e 100644
--- a/src/get-started/install/windows/index.md
+++ b/src/get-started/install/windows/index.md
@@ -2,33 +2,42 @@
 title: Choose your first type of app
 description: Configure your system to develop Flutter on Windows.
 short-title: Windows
-target-list: [Desktop, Mobile, Web]
+target-list: [Desktop, Android, Web]
 js: [{url: '/assets/js/temp/windows-install-redirector.js'}]
 ---
 
 {% assign os = 'windows' -%}
-{% assign recommend = 'Mobile' %}
+{% assign recommend = 'Android' %}
 {% capture rec-target -%}
-[{{recommend}}](/get-started/install/{{os | downcase}}/{{recommend | downcase}})
+[{{recommend}}](/get-started/install/{{os | downcase}}/mobile)
 {%- endcapture %}
 
 <div class="card-deck mb-8">
 {% for target in page.target-list %}
-  <a class="card" id="install-{{os | remove: ' ' | downcase}}" href="/get-started/install/{{os | remove: ' ' | downcase}}/{{target | downcase}}">
+{% case target %}
+{% when "Android" %}
+{% assign targetlink = target | downcase | replace: 'android', 'mobile' %}
+{% else %}
+{% assign targetlink = target | downcase %}
+{% endcase %}
+  <a class="card card-app-type"
+     id="install-{{os | downcase}}"
+     href="{{site.url}}/get-started/install/{{os | downcase}}/{{targetlink}}">
     <div class="card-body">
       <header class="card-title text-center m-0">
         <span class="d-block h1">
           {% assign icon = target | downcase -%}
-          {% if icon == 'desktop' -%}
+          {% case icon %}
+          {% when 'desktop' -%}
             <span class="material-symbols">desktop_windows</span>
-          {% elsif icon == 'mobile' -%}
+          {% when 'android' -%}
             <span class="material-symbols">phone_android</span>
-          {% else -%}
+          {% when 'web' -%}
             <span class="material-symbols">open_in_browser</span>
-          {% endif -%}
+          {% endcase -%}
         </span>
         <span class="text-muted text-nowrap">{{target}}</span>
-        {% if icon == 'mobile' -%}
+        {% if icon == 'android' -%}
           <div class="card-subtitle">Recommended</div>
         {% endif %}
       </header>
diff --git a/src/get-started/install/windows/mobile.md b/src/get-started/install/windows/mobile.md
index 2959da5a69..56883670b1 100644
--- a/src/get-started/install/windows/mobile.md
+++ b/src/get-started/install/windows/mobile.md
@@ -2,17 +2,20 @@
 title: Start building Flutter Android apps on Windows
 description: Configure your system to develop Flutter mobile apps on Windows.
 short-title: Android app
+target: Android
+config: WindowsAndroid
+devos: Windows
 next:
   title: Create a test app
   path: /get-started/test-drive
 ---
 
-{% include docs/install/reqs/windows/base.md target='mobile' os='Windows' -%}
+{% include docs/install/reqs/windows/base.md target=page.target os=page.devos -%}
 
-{% include docs/install/flutter-sdk.md target='mobile' os='Windows' terminal='PowerShell' -%}
+{% include docs/install/flutter-sdk.md target=page.target os=page.devos terminal='PowerShell' -%}
 
-{% include docs/install/compiler/android.md target='mobile' os='Windows' -%}
+{% include docs/install/compiler/android.md target=page.target os=page.devos time='first' -%}
 
-{% include docs/install/flutter-doctor.md target='mobile' os='Windows' compiler='Android Studio' -%}
+{% include docs/install/flutter-doctor.md target=page.target devos=page.devos config=page.config -%}
 
-{% include docs/install/next-steps.md os='Windows' -%}
+{% include docs/install/next-steps.md devos=page.devos target=page.target config=page.config -%}
diff --git a/src/get-started/install/windows/web.md b/src/get-started/install/windows/web.md
index 70591452f4..a61143466c 100644
--- a/src/get-started/install/windows/web.md
+++ b/src/get-started/install/windows/web.md
@@ -2,15 +2,18 @@
 title: Start building Flutter web apps on Windows
 description: Configure your system to develop Flutter web apps on Windows.
 short-title: Web app
+target: web
+config: WindowsWeb
+devos: Windows
 next:
   title: Create a test app
   path: /get-started/test-drive
 ---
 
-{% include docs/install/reqs/windows/base.md target='web' os='Windows' -%}
+{% include docs/install/reqs/windows/base.md target=page.target os=page.devos -%}
 
-{% include docs/install/flutter-sdk.md target='web' os='Windows' terminal='PowerShell' -%}
+{% include docs/install/flutter-sdk.md target=page.target os=page.devos terminal='PowerShell' -%}
 
-{% include docs/install/flutter-doctor.md target='web' os='Windows' -%}
+{% include docs/install/flutter-doctor.md target=page.target devos=page.devos config='WindowsWeb' -%}
 
-{% include docs/install/next-steps.md os='Windows' -%}
+{% include docs/install/next-steps.md devos=page.devos target=page.target config=page.config -%}
diff --git a/src/platform-integration/android/install-android/index.md b/src/platform-integration/android/install-android/index.md
new file mode 100644
index 0000000000..fe34e7ddf2
--- /dev/null
+++ b/src/platform-integration/android/install-android/index.md
@@ -0,0 +1,47 @@
+---
+title: Add Android devtools for Flutter
+description: Configure your system to develop Flutter for Android.
+short-title: Add Android to possible Flutter SDK targets
+target-list: [macOS, Windows, iOS, 'Web on macOS', 'Web on Windows']
+---
+
+To choose the guide to add Android Studio to your Flutter configuration,
+click the [Getting Started path][] you followed.
+
+<div class="card-deck mb-8">
+{% for target in page.target-list %}
+{% assign targetlink='/platform-integration/android/install-android/install-android-from-' | append: target | downcase | replace: " ", "-" %}
+  <a class="card card-app-type"
+     id="install-{{target | downcase}}"
+     href="{{targetlink}}">
+    <div class="card-body">
+      <header class="card-title text-center m-0">
+        <span class="d-block h1">
+          {% assign icon = target | downcase | replace: " ", "-" -%}
+          {% case icon %}
+          {% when 'macos' -%}
+            <span class="material-symbols">laptop_mac</span>
+          {% when 'windows' -%}
+            <span class="material-symbols">desktop_windows</span>
+          {% when 'ios' -%}
+            <span class="material-symbols">phone_iphone</span>
+          {% when 'web-on-macos' -%}
+            <span class="material-symbols">laptop_mac</span><br>
+            <span class="material-symbols">add</span><br>
+            <span class="material-symbols">open_in_browser</span>
+          {% when 'web-on-windows' -%}
+            <span class="material-symbols">desktop_windows</span><br>
+            <span class="material-symbols">add</span><br>
+            <span class="material-symbols">open_in_browser</span>
+          {% endcase %}
+        </span>
+        <span class="text-muted">
+        {{ target }}
+        </span>
+      </header>
+    </div>
+  </a>
+{% endfor %}
+  </div>
+
+[Getting Started path]: /get-started/install
diff --git a/src/platform-integration/android/install-android/install-android-from-ios.md b/src/platform-integration/android/install-android/install-android-from-ios.md
new file mode 100644
index 0000000000..222291d903
--- /dev/null
+++ b/src/platform-integration/android/install-android/install-android-from-ios.md
@@ -0,0 +1,27 @@
+---
+title: Add Android devtools for Flutter from iOS start
+description: Configure your Mac to develop Flutter mobile apps for Android.
+short-title: When you started with iOS
+---
+
+To add Android as a Flutter app target for iOS, follow this procedure.
+
+## Install Android Studio
+
+1. Allocate a minimum of 7.5 GB of storage for Android Studio.
+   Consider allocating 10 GB of storage for an optimal configuration.
+1. Install [Android Studio][] {{site.appmin.android_studio}} to debug and compile
+   Java or Kotlin code for Android.
+   Flutter requires the full version of Android Studio.
+
+{% include docs/install/compiler/android.md
+   target='macos'
+   devos='macOS'
+   time="first" -%}
+
+{% include docs/install/flutter-doctor.md
+   target='Android'
+   devos='macOS'
+   config='macOSDesktopAndroid' %}
+
+[Android Studio]: https://developer.android.com/studio/install#mac
diff --git a/src/platform-integration/android/install-android/install-android-from-macos.md b/src/platform-integration/android/install-android/install-android-from-macos.md
new file mode 100644
index 0000000000..ba89038c93
--- /dev/null
+++ b/src/platform-integration/android/install-android/install-android-from-macos.md
@@ -0,0 +1,27 @@
+---
+title: Add Android devtools for Flutter from macOS start
+description: Configure your Mac to develop Flutter mobile apps for Android.
+short-title: When you started with macOS
+---
+
+To add Android as a Flutter app target for macOS, follow this procedure.
+
+## Install Android Studio
+
+1. Allocate a minimum of 7.5 GB of storage for Android Studio.
+   Consider allocating 10 GB of storage for an optimal configuration.
+1. Install [Android Studio][] {{site.appmin.android_studio}} to debug and compile
+   Java or Kotlin code for Android.
+   Flutter requires the full version of Android Studio.
+
+{% include docs/install/compiler/android.md
+   target='macos'
+   devos='macOS'
+   time="first" -%}
+
+{% include docs/install/flutter-doctor.md
+   target='Android'
+   devos='macOS'
+   config='macOSDesktopAndroid' %}
+
+[Android Studio]: https://developer.android.com/studio/install#mac
diff --git a/src/platform-integration/android/install-android/install-android-from-web-on-macos.md b/src/platform-integration/android/install-android/install-android-from-web-on-macos.md
new file mode 100644
index 0000000000..b775cc71b8
--- /dev/null
+++ b/src/platform-integration/android/install-android/install-android-from-web-on-macos.md
@@ -0,0 +1,27 @@
+---
+title: Add Android devtools for Flutter from Web on macOS start
+description: Configure your Mac to develop Flutter mobile apps for Android.
+short-title: When you started with Web on macOS
+---
+
+To add Android as a Flutter app target for macOS, follow this procedure.
+
+## Install Android Studio
+
+1. Allocate a minimum of 7.5 GB of storage for Android Studio.
+   Consider allocating 10 GB of storage for an optimal configuration.
+1. Install [Android Studio][] {{site.appmin.android_studio}} to debug and compile
+   Java or Kotlin code for Android.
+   Flutter requires the full version of Android Studio.
+
+{% include docs/install/compiler/android.md
+   target='macos'
+   devos='macOS'
+   time="first" -%}
+
+{% include docs/install/flutter-doctor.md
+   target='Android'
+   devos='macOS'
+   config='macOSAndroidWeb' %}
+
+[Android Studio]: https://developer.android.com/studio/install#mac
diff --git a/src/platform-integration/android/install-android/install-android-from-web-on-windows.md b/src/platform-integration/android/install-android/install-android-from-web-on-windows.md
new file mode 100644
index 0000000000..fa8afdf77c
--- /dev/null
+++ b/src/platform-integration/android/install-android/install-android-from-web-on-windows.md
@@ -0,0 +1,27 @@
+---
+title: Add Android devtools for Flutter from Web on Windows start
+description: Configure your Windows system to develop Flutter mobile apps for Android.
+short-title: When you started with Web on Windows
+---
+
+To add Android as a Flutter app target for Windows, follow this procedure.
+
+## Install Android Studio
+
+1. Allocate a minimum of 7.5 GB of storage for Android Studio.
+   Consider allocating 10 GB of storage for an optimal configuration.
+1. Install [Android Studio][] {{site.appmin.android_studio}} to debug and compile
+   Java or Kotlin code for Android.
+   Flutter requires the full version of Android Studio.
+
+{% include docs/install/compiler/android.md
+   target='desktop'
+   devos='windows'
+   time="first" -%}
+
+{% include docs/install/flutter-doctor.md
+   target='Android'
+   devos='Windows'
+   config='WindowsAndroidWeb' %}
+
+[Android Studio]: https://developer.android.com/studio/install#win
diff --git a/src/platform-integration/android/install-android/install-android-from-windows.md b/src/platform-integration/android/install-android/install-android-from-windows.md
new file mode 100644
index 0000000000..85e8351003
--- /dev/null
+++ b/src/platform-integration/android/install-android/install-android-from-windows.md
@@ -0,0 +1,28 @@
+---
+title: Add Android devtools for Flutter from Windows start
+description: Configure your Windows system to develop Flutter mobile apps for Android.
+short-title: When you started with Windows
+---
+
+To add Android as a Flutter app target for Windows, follow this procedure.
+
+## Install Android Studio
+
+1. Allocate a minimum of 7.5 GB of storage for Android Studio.
+   Consider allocating 10 GB of storage for an optimal configuration.
+1. Install [Android Studio][] {{site.appmin.android_studio}} to debug and compile
+   Java or Kotlin code for Android.
+   Flutter requires the full version of Android Studio.
+
+{% include docs/install/compiler/android.md
+   target='desktop'
+   devos='windows'
+   time="first" -%}
+
+{% include docs/install/flutter-doctor.md
+   target='Android'
+   devos='Windows'
+   compiler='Android Studio'
+   config='WindowsDesktopAndroid' %}
+
+[Android Studio]: https://developer.android.com/studio/install#win
diff --git a/src/platform-integration/ios/install-ios/index.md b/src/platform-integration/ios/install-ios/index.md
new file mode 100644
index 0000000000..79e76fa56b
--- /dev/null
+++ b/src/platform-integration/ios/install-ios/index.md
@@ -0,0 +1,39 @@
+---
+title: Add iOS devtools for Flutter
+description: Configure your system to develop Flutter for iOS.
+short-title: Add iOS to possible Flutter SDK targets
+target-list: [macOS, Android, Web]
+---
+
+To choose the guide to add iOS devtools to your Flutter configuration,
+click the [Getting Started path][] you followed.
+
+<div class="card-deck mb-8">
+{% for target in page.target-list %}
+{% assign targetlink='/platform-integration/ios/install-ios/install-ios-from-' | append: target | downcase %}
+  <a class="card card-app-type"
+     id="install-{{target | downcase}}"
+     href="{{targetlink}}">
+    <div class="card-body">
+      <header class="card-title text-center m-0">
+        <span class="d-block h1">
+          {% assign icon = target | downcase -%}
+          {% case icon %}
+          {% when 'macos' -%}
+            <span class="material-symbols">laptop_mac</span>
+          {% when 'android' -%}
+            <span class="material-symbols">phone_android</span>
+          {% when 'web' -%}
+            <span class="material-symbols">open_in_browser</span>
+          {% endcase -%}
+        </span>
+        <span class="text-muted text-nowrap">
+        {{ target }}
+        </span>
+      </header>
+    </div>
+  </a>
+{% endfor %}
+</div>
+
+[Getting Started path]: /get-started/install
diff --git a/src/platform-integration/ios/install-ios/install-ios-from-android.md b/src/platform-integration/ios/install-ios/install-ios-from-android.md
new file mode 100644
index 0000000000..f6a41d5439
--- /dev/null
+++ b/src/platform-integration/ios/install-ios/install-ios-from-android.md
@@ -0,0 +1,26 @@
+---
+title: Add iOS devtools to Flutter from Android start
+description: Configure your system to develop Flutter mobile apps also on iOS.
+short-title: When you started with Android
+---
+
+To add iOS as a Flutter app target for macOS, follow this procedure.
+
+## Install Xcode
+
+1. Allocate a minimum of 26 GB of storage for Xcode.
+   Consider allocating 42 GB of storage for an optimal configuration.
+1. Install [Xcode][] {{site.appnow.xcode}} to debug and compile native
+   Swift or ObjectiveC code.
+
+{% include docs/install/compiler/xcode.md
+   target='iOS'
+   devos='macOS'
+   time="first" -%}
+
+{% include docs/install/flutter-doctor.md
+   target='iOS'
+   devos='macOS'
+   config='macOSAndroidiOS' %}
+
+[Xcode]: {{site.apple-dev}}/xcode/
diff --git a/src/platform-integration/ios/install-ios/install-ios-from-macos.md b/src/platform-integration/ios/install-ios/install-ios-from-macos.md
new file mode 100644
index 0000000000..e2a89b8789
--- /dev/null
+++ b/src/platform-integration/ios/install-ios/install-ios-from-macos.md
@@ -0,0 +1,22 @@
+---
+title: Add iOS devtools to Flutter from macOS start
+description: Configure your system to develop Flutter mobile apps on iOS.
+short-title: When you started with macOS
+---
+
+To add iOS as a Flutter app target for macOS, follow this procedure.
+
+This procedure presumes you installed [Xcode][] {{site.appnow.xcode}}
+when your Flutter getting started path began with macOS.
+
+{% include docs/install/compiler/xcode.md
+   target='iOS'
+   devos='macOS'
+   time="next" -%}
+
+{% include docs/install/flutter-doctor.md
+   target='iOS'
+   devos='macOS'
+   config='macOSDesktopiOS' %}
+
+[Xcode]: {{site.apple-dev}}/xcode/
diff --git a/src/platform-integration/ios/install-ios/install-ios-from-web.md b/src/platform-integration/ios/install-ios/install-ios-from-web.md
new file mode 100644
index 0000000000..c03a4c425c
--- /dev/null
+++ b/src/platform-integration/ios/install-ios/install-ios-from-web.md
@@ -0,0 +1,26 @@
+---
+title: Add iOS devtools to Flutter from web start
+description: Configure your system to develop Flutter mobile apps on iOS.
+short-title: When you started with web
+---
+
+To add iOS as a Flutter app target for macOS, follow this procedure.
+
+## Install Xcode
+
+1. Allocate a minimum of 26 GB of storage for Xcode.
+   Consider allocating 42 GB of storage for an optimal configuration.
+1. Install [Xcode][] {{site.appnow.xcode}} to debug and compile native
+   Swift or ObjectiveC code.
+
+{% include docs/install/compiler/xcode.md
+   target='iOS'
+   devos='macOS'
+   time="first" -%}
+
+{% include docs/install/flutter-doctor.md
+   target='iOS'
+   devos='macOS'
+   config='macOSWebiOS' %}
+
+[Xcode]: {{site.apple-dev}}/xcode/
diff --git a/src/platform-integration/macos/install-macos/index.md b/src/platform-integration/macos/install-macos/index.md
new file mode 100644
index 0000000000..2b90660928
--- /dev/null
+++ b/src/platform-integration/macos/install-macos/index.md
@@ -0,0 +1,39 @@
+---
+title: Add macOS devtools for Flutter
+description: Configure your system to develop Flutter for macOS.
+short-title: Add macOS to possible Flutter SDK targets
+target-list: [iOS, Android, Web]
+---
+
+To choose the guide to add macOS devtools to your Flutter configuration,
+click the [Getting Started path][] you followed.
+
+<div class="card-deck mb-8">
+{% for target in page.target-list %}
+{% assign targetlink='/platform-integration/macos/install-macos/install-macos-from-' | append: target | downcase %}
+  <a class="card card-app-type"
+     id="install-{{target | downcase}}"
+     href="{{targetlink}}">
+    <div class="card-body">
+      <header class="card-title text-center m-0">
+        <span class="d-block h1">
+          {% assign icon = target | downcase -%}
+          {% case icon %}
+          {% when 'ios' -%}
+            <span class="material-symbols">phone_iphone</span>
+          {% when 'android' -%}
+            <span class="material-symbols">phone_android</span>
+          {% when 'web' -%}
+            <span class="material-symbols">open_in_browser</span>
+          {% endcase -%}
+        </span>
+        <span class="text-muted text-nowrap">
+        {{ target }}
+        </span>
+      </header>
+    </div>
+  </a>
+{% endfor %}
+</div>
+
+[Getting Started path]: /get-started/install
diff --git a/src/platform-integration/macos/install-macos/install-macos-from-android.md b/src/platform-integration/macos/install-macos/install-macos-from-android.md
new file mode 100644
index 0000000000..5c14c305ea
--- /dev/null
+++ b/src/platform-integration/macos/install-macos/install-macos-from-android.md
@@ -0,0 +1,26 @@
+---
+title: Add macOS devtools to Flutter from Android start
+description: Configure your system to develop Flutter mobile apps also on macOS.
+short-title: When you started with Android
+---
+
+To add macOS desktop as a Flutter app target, follow this procedure.
+
+## Install Xcode
+
+1. Allocate a minimum of 26 GB of storage for Xcode.
+   Consider allocating 42 GB of storage for an optimal configuration.
+1. Install [Xcode][] {{site.appnow.xcode}} to debug and compile native
+   Swift or ObjectiveC code.
+
+{% include docs/install/compiler/xcode.md
+   target='macOS'
+   devos='macOS'
+   time="first" -%}
+
+{% include docs/install/flutter-doctor.md
+   target='macOS'
+   devos='macOS'
+   config='macOSDesktopAndroid' %}
+
+[Xcode]: {{site.apple-dev}}/xcode/
diff --git a/src/platform-integration/macos/install-macos/install-macos-from-ios.md b/src/platform-integration/macos/install-macos/install-macos-from-ios.md
new file mode 100644
index 0000000000..821df4f6e7
--- /dev/null
+++ b/src/platform-integration/macos/install-macos/install-macos-from-ios.md
@@ -0,0 +1,22 @@
+---
+title: Add macOS devtools to Flutter from web start
+description: Configure your system to develop Flutter mobile apps on macOS.
+short-title: When you started with web
+---
+
+To add macOS desktop as a Flutter app target, follow this procedure.
+
+This procedure presumes you installed [Xcode][] {{site.appnow.xcode}}
+when your Flutter getting started path began with iOS.
+
+{% include docs/install/compiler/xcode.md
+   target='macOS'
+   devos='macOS'
+   time="first" -%}
+
+{% include docs/install/flutter-doctor.md
+   target='macOS'
+   devos='macOS'
+   config='macOSDesktopiOS' %}
+
+[Xcode]: {{site.apple-dev}}/xcode/
diff --git a/src/platform-integration/macos/install-macos/install-macos-from-web.md b/src/platform-integration/macos/install-macos/install-macos-from-web.md
new file mode 100644
index 0000000000..8aa96aa583
--- /dev/null
+++ b/src/platform-integration/macos/install-macos/install-macos-from-web.md
@@ -0,0 +1,26 @@
+---
+title: Add macOS devtools to Flutter from web start
+description: Configure your system to develop Flutter mobile apps on macOS.
+short-title: When you started with web
+---
+
+To add macOS as a Flutter app target for macOS, follow this procedure.
+
+## Install Xcode
+
+1. Allocate a minimum of 26 GB of storage for Xcode.
+   Consider allocating 42 GB of storage for an optimal configuration.
+1. Install [Xcode][] {{site.appnow.xcode}} to debug and compile native
+   Swift or ObjectiveC code.
+
+{% include docs/install/compiler/xcode.md
+   target='macOS'
+   devos='macOS'
+   time="first" -%}
+
+{% include docs/install/flutter-doctor.md
+   target='macOS'
+   devos='macOS'
+   config='macOSDesktopWeb' %}
+
+[Xcode]: {{site.apple-dev}}/xcode/
diff --git a/src/platform-integration/web/install-web/index.md b/src/platform-integration/web/install-web/index.md
new file mode 100644
index 0000000000..fe8a50d204
--- /dev/null
+++ b/src/platform-integration/web/install-web/index.md
@@ -0,0 +1,50 @@
+---
+title: Add Web devtools for Flutter
+description: Configure your system to develop Flutter for Web.
+short-title: Add Web to possible Flutter SDK targets
+target-list: [macos-desktop, windows-desktop, ios-on-macos,
+android-on-macos, android-on-windows]
+---
+
+To choose the guide to add Web devtools to your Flutter configuration,
+click the [Getting Started path][] you followed.
+
+<div class="card-deck mb-8">
+{% for target in page.target-list %}
+{% assign targetlink='/platform-integration/web/install-web/install-web-from-' | append: target | downcase %}
+  <a class="card card-app-type"
+     id="install-{{target | downcase}}"
+     href="{{targetlink}}">
+    <div class="card-body">
+      <header class="card-title text-center m-0">
+        <span class="d-block h1">
+          {% assign icon = target | downcase -%}
+          {% case icon %}
+          {% when 'macos-desktop' -%}
+            <span class="material-symbols">laptop_mac</span>
+          {% when 'ios-on-macos' -%}
+          <span class="material-symbols">laptop_mac</span><br>
+          <span class="material-symbols">add</span><br>
+          <span class="material-symbols">phone_iphone</span>
+          {% when 'windows-desktop' -%}
+          <span class="material-symbols">desktop_windows</span>
+          {% when 'android-on-macos' -%}
+          <span class="material-symbols">laptop_mac</span><br>
+          <span class="material-symbols">add</span><br>
+          <span class="material-symbols">phone_android</span>
+            {% when 'android-on-windows' -%}
+            <span class="material-symbols">desktop_windows</span><br>
+            <span class="material-symbols">add</span><br>
+            <span class="material-symbols">phone_android</span>
+          {% endcase -%}
+        </span>
+        <span class="text-muted d-block">
+        {{ target | replace: "-", " " | capitalize | replace: "Macos", "macOS" | replace: "macos", "macOS" | replace: "Ios", "iOS" | replace: "windows", "Windows" }}
+        </span>
+      </header>
+    </div>
+  </a>
+{% endfor %}
+</div>
+
+[Getting Started path]: /get-started/install
diff --git a/src/platform-integration/web/install-web/install-web-from-android-on-macos.md b/src/platform-integration/web/install-web/install-web-from-android-on-macos.md
new file mode 100644
index 0000000000..8ac250a9ee
--- /dev/null
+++ b/src/platform-integration/web/install-web/install-web-from-android-on-macos.md
@@ -0,0 +1,17 @@
+---
+title: Add Web devtools to Flutter from Android on macOS start
+description: Configure your system to develop Flutter web apps on macOS.
+short-title: When you started with Android on macOS
+---
+
+To add Web as a Flutter app target for macOS with Android,
+follow this procedure.
+
+## Configure web development tools
+
+{% include docs/install/reqs/add-web.md devos='macOS' %}
+
+{% include docs/install/flutter-doctor.md
+   target='Web'
+   devos='macOS'
+   config='macOSDesktopAndroidWeb' %}
diff --git a/src/platform-integration/web/install-web/install-web-from-android-on-windows.md b/src/platform-integration/web/install-web/install-web-from-android-on-windows.md
new file mode 100644
index 0000000000..a614bdc0b1
--- /dev/null
+++ b/src/platform-integration/web/install-web/install-web-from-android-on-windows.md
@@ -0,0 +1,17 @@
+---
+title: Add Web devtools to Flutter from Android on Windows start
+description: Configure your system to develop Flutter web apps on Windows.
+short-title: When you started with Android on Windows
+---
+
+To add Web as a Flutter app target for Windows with Android,
+follow this procedure.
+
+## Configure web development tools
+
+{% include docs/install/reqs/add-web.md devos='Windows' %}
+
+{% include docs/install/flutter-doctor.md
+   target='Web'
+   devos='Windows'
+   config='WindowsDesktopAndroidWeb' %}
diff --git a/src/platform-integration/web/install-web/install-web-from-ios-on-macos.md b/src/platform-integration/web/install-web/install-web-from-ios-on-macos.md
new file mode 100644
index 0000000000..6f281da791
--- /dev/null
+++ b/src/platform-integration/web/install-web/install-web-from-ios-on-macos.md
@@ -0,0 +1,16 @@
+---
+title: Add Web devtools to Flutter from iOS on macOS start
+description: Configure your system to develop Flutter web apps on macOS.
+short-title: When you started with iOS on macOS
+---
+
+To add Web as a Flutter app target for iOS on macOS, follow this procedure.
+
+## Configure web development tools
+
+{% include docs/install/reqs/add-web.md devos='macOS' %}
+
+{% include docs/install/flutter-doctor.md
+   target='Web'
+   devos='macOS'
+   config='macOSiOSWeb' %}
diff --git a/src/platform-integration/web/install-web/install-web-from-macos-desktop.md b/src/platform-integration/web/install-web/install-web-from-macos-desktop.md
new file mode 100644
index 0000000000..7ad200221e
--- /dev/null
+++ b/src/platform-integration/web/install-web/install-web-from-macos-desktop.md
@@ -0,0 +1,16 @@
+---
+title: Add Web devtools to Flutter from macOS start
+description: Configure your system to develop Flutter web apps on macOS.
+short-title: When you started with macOS desktop
+---
+
+To add Web as a Flutter app target for macOS desktop, follow this procedure.
+
+## Configure web development tools
+
+{% include docs/install/reqs/add-web.md devos='macOS' %}
+
+{% include docs/install/flutter-doctor.md
+   target='Web'
+   devos='macOS'
+   config='macOSDesktopWeb' %}
diff --git a/src/platform-integration/web/install-web/install-web-from-windows-desktop.md b/src/platform-integration/web/install-web/install-web-from-windows-desktop.md
new file mode 100644
index 0000000000..da5cb7b666
--- /dev/null
+++ b/src/platform-integration/web/install-web/install-web-from-windows-desktop.md
@@ -0,0 +1,16 @@
+---
+title: Add Web devtools to Flutter from Windows start
+description: Configure your system to develop Flutter web apps on Windows.
+short-title: When you started with Windows desktop
+---
+
+To add Web as a Flutter app target for Windows desktop, follow this procedure.
+
+## Configure web development tools
+
+{% include docs/install/reqs/add-web.md devos='Windows' %}
+
+{% include docs/install/flutter-doctor.md
+   target='Web'
+   devos='Windows'
+   config='WindowsDesktopWeb' %}
diff --git a/src/platform-integration/windows/install-windows/index.md b/src/platform-integration/windows/install-windows/index.md
new file mode 100644
index 0000000000..dfdad6b5b4
--- /dev/null
+++ b/src/platform-integration/windows/install-windows/index.md
@@ -0,0 +1,37 @@
+---
+title: Add Windows devtools for Flutter
+description: Configure your system to develop Flutter for Windows.
+short-title: Add Windows to possible Flutter SDK targets
+target-list: [Android, Web]
+---
+
+To choose the guide to add Visual Studio to your Flutter configuration,
+click the [Getting Started path][] you followed.
+
+<div class="card-deck mb-8">
+{% for target in page.target-list %}
+{% assign targetlink='/platform-integration/windows/install-windows/install-windows-from-' | append: target | downcase %}
+  <a class="card card-app-type"
+     id="install-{{target | downcase}}"
+     href="{{targetlink}}">
+    <div class="card-body">
+      <header class="card-title text-center m-0">
+        <span class="d-block h1">
+          {% assign icon = target | downcase -%}
+          {% case icon %}
+          {% when 'android' -%}
+            <span class="material-symbols">phone_android</span>
+          {% when 'web' -%}
+            <span class="material-symbols">open_in_browser</span>
+          {% endcase -%}
+        </span>
+        <span class="text-muted text-nowrap">
+        {{ target }}
+        </span>
+      </header>
+    </div>
+  </a>
+{% endfor %}
+</div>
+
+[Getting Started path]: /get-started/install
diff --git a/src/platform-integration/windows/install-windows/install-windows-from-android.md b/src/platform-integration/windows/install-windows/install-windows-from-android.md
new file mode 100644
index 0000000000..9646f0b981
--- /dev/null
+++ b/src/platform-integration/windows/install-windows/install-windows-from-android.md
@@ -0,0 +1,24 @@
+---
+title: Add Windows devtools to Flutter from Android start
+description: Configure your system to develop Flutter apps on Windows desktop.
+short-title: When you started with Android
+---
+
+To add Windows desktop as a Flutter app target, follow this procedure.
+
+## Install and configure Visual Studio
+
+1. Allocate a minimum of 26 GB of storage for Visual Studio.
+   Consider allocating 10 GB of storage for an optimal configuration.
+1. Install [Visual Studio 2022][] to debug and compile native C++ Windows code.
+   Make sure to install the **Desktop development with C++** workload.
+   This enables building Windows app including all of its default components.
+   **Visual Studio** is an IDE separate from **[Visual Studio _Code_][]**.
+
+{% include docs/install/flutter-doctor.md
+   target='Windows'
+   devos='Windows'
+   config='WindowsDesktopAndroid' %}
+
+[Visual Studio 2022]: https://learn.microsoft.com/visualstudio/install/install-visual-studio?view=vs-2022
+[Visual Studio _Code_]: https://code.visualstudio.com/
diff --git a/src/platform-integration/windows/install-windows/install-windows-from-web.md b/src/platform-integration/windows/install-windows/install-windows-from-web.md
new file mode 100644
index 0000000000..5ecaec2292
--- /dev/null
+++ b/src/platform-integration/windows/install-windows/install-windows-from-web.md
@@ -0,0 +1,24 @@
+---
+title: Add Windows devtools to Flutter from Web start
+description: Configure your system to develop Flutter apps on Windows desktop.
+short-title: When you started with Web
+---
+
+To add Windows desktop as a Flutter app target, follow this procedure.
+
+## Install and configure Visual Studio
+
+1. Allocate a minimum of 26 GB of storage for Visual Studio.
+   Consider allocating 10 GB of storage for an optimal configuration.
+1. Install [Visual Studio 2022][] to debug and compile native C++ Windows code.
+   Make sure to install the **Desktop development with C++** workload.
+   This enables building Windows app including all of its default components.
+   **Visual Studio** is an IDE separate from **[Visual Studio _Code_][]**.
+
+{% include docs/install/flutter-doctor.md
+   target='Windows'
+   devos='Windows'
+   config='WindowsDesktopWeb' %}
+
+[Visual Studio 2022]: https://learn.microsoft.com/visualstudio/install/install-visual-studio?view=vs-2022
+[Visual Studio _Code_]: https://code.visualstudio.com/