From 100d7199034a21f4ed41f40b979431fd8d1d3a2b Mon Sep 17 00:00:00 2001 From: Justin Bunton Date: Tue, 19 May 2026 05:19:51 +0000 Subject: [PATCH 1/2] Updated 1 file via CloudCannon. --- .../ESPHome-Starter-Kit/setup/first-steps-sg.md | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/docs/products/ESPHome-Starter-Kit/setup/first-steps-sg.md b/docs/products/ESPHome-Starter-Kit/setup/first-steps-sg.md index b442ff7d30..96eb11b170 100644 --- a/docs/products/ESPHome-Starter-Kit/setup/first-steps-sg.md +++ b/docs/products/ESPHome-Starter-Kit/setup/first-steps-sg.md @@ -1,8 +1,9 @@ --- title: First steps with the ESPHome Starter Kit -description: Install ESPHome Device Builder, write your first ESPHome config for the starter kit, and flash the ESP32-C6 over USB. +description: >- + Install ESPHome Device Builder, write your first ESPHome config for the + starter kit, and flash the ESP32-C6 over USB. --- - This guide walks you through installing the ESPHome Device Builder app and making your first ESPHome YAML configuration from scratch. By the end, your ESPHome Starter Kit will be flashed with a working configuration, showing up in Home Assistant, and serving a web UI at its IP address or at `esphome-starter-kit.local` in a browser. ## Install ESPHome Device Builder @@ -122,11 +123,11 @@ With ESPHome Device Builder installed and your Wi-Fi credentials saved, you can 1. Navigate back to the ESPHome Device Builder and click **Add new device** then click **Create new project**. - ![ESPHome Device Builder Add new device dialog showing Create new project](../../../assets/device-builder-add-new-device.gif) + ![ESPHome Device Builder Add new device dialog showing Create new project](../../../assets/device-builder-add-new-device.gif) 2. Select the **Apollo ESPHome Starter Kit** and give it a name such as `esphome-starter-kit`, then click **Finish Setup**. - ![Selecting the Apollo ESPHome Starter Kit and naming the device esphome-starter-kit](../../../assets/device-builder-select-esk-name-it.gif) + ![Selecting the Apollo ESPHome Starter Kit and naming the device esphome-starter-kit](../../../assets/device-builder-select-esk-name-it.gif) Your starter kit now appears as a device card in the Device Builder dashboard, ready for components. @@ -179,11 +180,11 @@ The device must be flashed via USB using bootloader mode the very first time it 1. Hold the sides of the ESP32-C6 and gently push the USB-C cable firmly into the USB-C port. Plug the other end of the USB-C cable into your computer. Be careful not to snap or damage the FPC ribbon cable connectors located on the sides of the device. - ![Plugging the USB-C cable into the ESP32-C6 main board on the ESPHome Starter Kit](../../../assets/esphome-starter-kit-plug-in-usb-c.webp) + ![Plugging the USB-C cable into the ESP32-C6 main board on the ESPHome Starter Kit](../../../assets/esphome-starter-kit-plug-in-usb-c.webp) 2. Hold down the boot button. While still holding the boot button, press and release the reset button, then release the boot button. - ![Putting the ESP32-C6 into bootloader mode by holding BOOT and tapping RESET](../../../assets/esphome-starter-kit-boot-mode.webp) + ![Putting the ESP32-C6 into bootloader mode by holding BOOT and tapping RESET](../../../assets/esphome-starter-kit-boot-mode.webp) 3. Your device is now in boot mode. The board will stay in bootloader mode until you flash it. @@ -220,4 +221,4 @@ Here is the light changing colors. Your ESP32-C6 is on Wi-Fi, in Home Assistant, and serving a web UI you can hit from any browser on your network. From here, every module you add becomes another entity on this same device. - Back - Start Here Next - Add Button Module + Back - Start Here Next - Add Button Module \ No newline at end of file From 9cd13103d7ab48cbf7f2c288afc08dbe2cee6384 Mon Sep 17 00:00:00 2001 From: Justin Bunton Date: Tue, 19 May 2026 05:21:30 +0000 Subject: [PATCH 2/2] Updated 1 file via CloudCannon. --- docs/products/ESPHome-Starter-Kit/start-here-sg.md | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/docs/products/ESPHome-Starter-Kit/start-here-sg.md b/docs/products/ESPHome-Starter-Kit/start-here-sg.md index b24d99efa7..6b4c049456 100644 --- a/docs/products/ESPHome-Starter-Kit/start-here-sg.md +++ b/docs/products/ESPHome-Starter-Kit/start-here-sg.md @@ -1,8 +1,9 @@ --- title: ESPHome Starter Kit, start here -description: Unbox the ESPHome Starter Kit, snap the modules off the panel, and meet every part of your kit before you wire it up. +description: >- + Unbox the ESPHome Starter Kit, snap the modules off the panel, and meet every + part of your kit before you wire it up. --- - Welcome to the start of your ESPHome ecosystem journey with the **Apollo ESPHome Starter Kit**. ![Apollo ESPHome Starter Kit shown with the panel of modules and the retail box](../../assets/esphome-starter-kit-exploded-with-box-1.png) @@ -26,10 +27,7 @@ Each module is connected to the panel by small breakaway tabs. Follow the steps 1. Hold the panel flat on a table with one hand on the module you want to remove. 2. Gently flex the panel along the tab line until the tab snaps cleanly. - +![](../../assets/esphome-starter-kit-disassembly-final.gif) Once every module is off the panel, lay them out so you can see what you have before plugging anything in. @@ -45,7 +43,7 @@ The brain of every project you'll build with the kit. It handles Wi-Fi and Bluet The starter kit's notification module, a strip of ten addressable RGB LEDs and a small piezo buzzer behind the ESPHome logo silkscreen. Use the included stand to show it off on a shelf or desk. -![ESPHome Starter Kit LED & Buzzer module with the ESPHome logo silkscreen](../../assets/esphome-starter-kit-rgb-buzzer-module-only.jpg) +![ESPHome Starter Kit LED & Buzzer module with the ESPHome logo silkscreen](../../assets/esphome-starter-kit-rgb-buzzer-module-only.jpg) ### Motion module @@ -75,4 +73,4 @@ Each module connects to the main board through an FPC connector using one of the Once you have identified your modules and snapped them off the panel, the next step is to connect the main board to your computer and walk through your first ESPHome configuration. - Next - First Steps + Next - First Steps \ No newline at end of file