Updating guides with new init experience (#220)

Fixes: #227

---------

Co-authored-by: Rafael Rivera <rafael@withinwindows.com>
Co-authored-by: Nikola Metulev <711864+nmetulev@users.noreply.github.com>
Co-authored-by: Alexandre Zollinger Chohfi <alzollin@microsoft.com>

Author: 3 people

README.md

@@ -68,6 +68,14 @@ Checkout our getting started guides for step by step instructions of how to setu
     <img src="https://img.shields.io/badge/Electron-Get%20Started-47848F?style=for-the-badge&logo=electron&logoColor=white" alt="Get Started with Electron">
   </a>
     <br />
+  <a href="./docs/guides/dotnet.md">
+    <img src="https://img.shields.io/badge/.NET/WPF/WinForms-Get%20Started-512BD4?style=for-the-badge&logo=dotnet&logoColor=white" alt="Get Started with .NET">
+  </a>
+    <br />
+  <a href="./docs/guides/cpp.md">
+    <img src="https://img.shields.io/badge/C++-Get%20Started-00599C?style=for-the-badge&logo=cplusplus&logoColor=white" alt="Get Started with C++">
+  </a>
+    <br />
   <a href="./docs/guides/rust.md">
     <img src="https://img.shields.io/badge/Rust-Get%20Started-000000?style=for-the-badge&logo=rust&logoColor=white" alt="Get Started with Rust">
   </a>
@@ -86,7 +94,7 @@ Additional guides:
 
 The easiest way to use the CLI is via WinGet (Windows Package Manager). In Terminal, simply run:
 
-`winget install Microsoft.WinAppCli`
+`winget install Microsoft.winappcli --source winget`
 
 ### NPM <a href="https://www.npmjs.com/package/@microsoft/winappcli"> <img src="https://img.shields.io/npm/v/%40microsoft%2Fwinappcli?style=for-the-badge&logo=npm" alt="NPM" height="24"></a>
 

docs/electron-get-started.md

@@ -10,6 +10,15 @@ By the end of this guide, you'll have an Electron app that:
 - ✅ Runs with app identity for testing protected APIs
 - ✅ Packages as a signed MSIX for distribution
 
+## Prerequisites
+
+Before starting, ensure you have:
+
+- **Windows 11** (Copilot+ PC if using Phi Silica)
+- **Node.js** - `winget install OpenJS.NodeJS --source winget`
+- **.NET SDK v10** - `winget install Microsoft.DotNet.SDK.10 --source winget`
+- **Visual Studio with the Native Desktop Workload** - `winget install --id Microsoft.VisualStudio.Community --source winget --override "--add Microsoft.VisualStudio.Workload.NativeDesktop --includeRecommended --passive --wait"`
+
 ## The Process
 
 Building a Windows-enabled Electron app involves three main phases:
@@ -18,7 +27,7 @@ Building a Windows-enabled Electron app involves three main phases:
 
 First, you'll set up your development environment with the necessary tools and SDKs. This includes:
 - Creating or configuring an Electron app
-- Installing WinAppCLI
+- Installing winapp CLI
 - Initializing Windows SDKs and required assets
 - Setting up your build pipeline
 
@@ -30,15 +39,22 @@ First, you'll set up your development environment with the necessary tools and S
 
 Next, you'll create a native addon that calls Windows APIs. Choose one of the following guides:
 
-#### Option A: [Creating a Phi Silica Addon](guides/electron/phi-silica-addon.md)
+#### Option A: [Creating a C++ Notification Addon](guides/electron/cpp-notification-addon.md)
+Learn how to create a C++ addon that calls the Windows App SDK notification APIs. This is a great starting point for understanding native addons before diving into more complex scenarios.
+
+**Time:** ~15 minutes | **Difficulty:** Easy | **Requirements:** Windows 11
+
+[Create a C++ Notification Addon →](guides/electron/cpp-notification-addon.md)
+
+#### Option B: [Creating a Phi Silica Addon](guides/electron/phi-silica-addon.md)
 Learn how to create a C# addon that uses the Phi Silica AI model to summarize text on-device. Phi Silica is a small language model that runs locally on Windows 11 devices with NPUs.
 
 **Time:** ~20 minutes | **Difficulty:** Moderate | **Requirements:** Copilot+ PC
 
 [Create a Phi Silica Addon →](guides/electron/phi-silica-addon.md)
 
-#### Option B: [Creating a WinML Addon](guides/electron/winml-addon.md)
-Learn how to create an addon that uses Windows Machine Learning (WinML) to run custom ONNX models for image classification, object detection, and more.
+#### Option C: [Creating a WinML Addon](guides/electron/winml-addon.md)
+Learn how to create a C# addon that uses Windows Machine Learning (WinML) to run custom ONNX models for image classification, object detection, and more.
 
 **Time:** ~20 minutes | **Difficulty:** Moderate | **Requirements:** Windows 11
 
@@ -56,27 +72,19 @@ Finally, you'll package your app as an MSIX for distribution. This includes:
 
 [Package Your App →](guides/electron/packaging.md)
 
-## Prerequisites
-
-Before starting, ensure you have:
-
-- **Windows 11** (Copilot+ PC if using Phi Silica)
-- **Node.js** - `winget install OpenJS.NodeJS`
-- **.NET SDK v10** - `Microsoft.DotNet.SDK.10`
-- **Visual Studio with the Native Desktop Workload** - `winget install --id Microsoft.VisualStudio.Community --source winget --override "--add Microsoft.VisualStudio.Workload.NativeDesktop --includeRecommended --passive --wait"`
-
 ## Quick Navigation
 
 | Phase | Guide | What You'll Learn |
 |-------|-------|-------------------|
 | 1️⃣ | [Setup](guides/electron/setup.md) | Install tools, initialize SDKs, configure build pipeline |
+| 2️⃣ | [C++ Notification Addon](guides/electron/cpp-notification-addon.md) | Create C++ addon, call notification APIs, test with debug identity |
 | 2️⃣ | [Phi Silica Addon](guides/electron/phi-silica-addon.md) | Create C# addon, call AI APIs, test with debug identity |
-| 2️⃣ | [WinML Addon](guides/electron/winml-addon.md) | Create WinML addon, run ONNX models, integrate ML |
+| 2️⃣ | [WinML Addon](guides/electron/winml-addon.md) | Create C# addon, call WinML APIs, run ONNX models, integrate ML |
 | 3️⃣ | [Packaging](guides/electron/packaging.md) | Build production app, create MSIX, distribute |
 
 ## Additional Resources
 
-- **[WinAppCLI Documentation](usage.md)** - Full CLI reference
+- **[winapp CLI Documentation](usage.md)** - Full CLI reference
 - **[Sample Electron App](../samples/electron/)** - Complete working example
 - **[AI Dev Gallery](https://aka.ms/aidevgallery)** - Sample gallery of all AI APIs 
 - **[Windows App SDK Samples](https://github.com/microsoft/WindowsAppSDK-Samples)** - Collection of Windows App SDK samples