{"slug": "build-azure-canvases-with-the-canvas-authoring-plugin", "title": "Build Azure canvases with the Canvas authoring plugin", "summary": "Microsoft released the Canvas authoring plugin, which guides Copilot through its native create-canvas skill to generate Azure canvas projects built on the @microsoft/canvas-toolkit npm package. The plugin ships a read-only Azure starter that lists resource groups after explicit subscription selection, and is installed from the Awesome Copilot marketplace under Customize > Plugins. The toolkit supplies Azure CLI or Azure SDK authentication, tenant and subscription selection, Azure Resource Manager API helpers, shared UI styles, a local backend with origin checks and content security policies, a state store with change notifications, and an agent bridge for canvas buttons.", "body_md": "Building an Azure canvas no longer means starting with authentication, subscription scope, shared state, and host integration from scratch. The [Canvas authoring plugin](https://awesome-copilot.github.com/plugin/canvas-authoring/) guides Copilot through the native canvas workflow and generates a project built on Microsoft Canvas Toolkit.\n\nAn Azure canvas is a shared, interactive workspace where developers and agents can work together. See [Build with Azure Canvases: a shared workspace for agents](https://developer.microsoft.com/blog/azure-canvases/) for an overview. Building an Azure canvas no longer means starting with authentication, subscription scope, shared state, and host integration from scratch. The [Canvas authoring plugin](https://awesome-copilot.github.com/plugin/canvas-authoring/) guides Copilot through the native canvas workflow and generates a project built on Microsoft Canvas Toolkit.\n\n## Get started\n\nThe plugin works with Copilot’s native `create-canvas` skill to generate a complete Canvas Toolkit app. It includes a read-only Azure starter that lists resource groups after an explicit subscription selection.\n\n1. \nUnder **Customize** >**Plugins** , select the Awesome Copilot marketplace, search for**Canvas authoring** , and select**Install** .\n2. \nStart a new project session in the folder where you want to create the app.\n3. \nAsk Copilot: \n\n```\nBuild a read-only Azure canvas that lists resource groups.\nUse the native create-canvas skill and the create-canvas-app companion's Azure starter.\n```\n\n4. \nFollow the generated README to install the complete `dist/` directory, then reload the canvas provider.\n5. \nSign in with the Azure CLI, load your CLI profile in the canvas, select a subscription, and choose **List resource groups** .\n\nFrom there, ask Copilot to adapt the starter to your scenario. Keep Azure operations explicitly scoped, and preserve the starter’s cancellation, validation, and read-only behavior unless your canvas clearly asks the user to approve a write.\n\nFor example, you can ask the authoring skill to create a canvas for managing Azure Container Apps scaling. Copilot generates the project and opens the working canvas beside the session. The canvas should require explicit subscription selection and preview replica changes before applying them.\n\n## Under the hood: Microsoft Canvas Toolkit\n\nThe authoring plugin is the guided on-ramp; the [`@microsoft/canvas-toolkit`](https://www.npmjs.com/package/@microsoft/canvas-toolkit) npm package is the foundation underneath it. The plugin generates the same kind of toolkit-based project that powers Azure canvases, so you can start quickly without being locked into a separate authoring runtime.\n\nYou can work directly in the generated source, use Azure canvases as examples, and keep extending the app with normal development tools. The toolkit provides:\n\n- **Azure connectivity:** Authentication through the Azure CLI or an Azure SDK credential, tenant and subscription selection, and helpers for calling Azure Resource Manager APIs.\n- **UI building blocks:** Shared styles for headers, buttons, and lists, plus icons and theme-aware colors with light and dark fallbacks.\n- **A local backend:** A server for serving your canvas UI and handling requests, with built-in origin checks, content security policies, and input-validation helpers.\n- **State and live updates:** A lightweight state store and change notifications to keep the canvas view up to date as users and agents take actions.\n- **Agent integration:** A bridge that lets a canvas button request agent help using prompts defined by the extension.", "url": "https://wpnews.pro/news/build-azure-canvases-with-the-canvas-authoring-plugin", "canonical_source": "https://devblogs.microsoft.com/blog/build-azure-canvases-with-canvas-authoring/", "published_at": "2026-10-06 18:30:00+00:00", "updated_at": "2026-10-07 18:19:54.254269+00:00", "lang": "en", "topics": ["ai-agents", "developer-tools", "ai-tools", "ai-products"], "entities": ["Microsoft", "Copilot", "Canvas authoring plugin", "@microsoft/canvas-toolkit", "Awesome Copilot marketplace", "Azure", "Azure CLI", "Azure Resource Manager"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/build-azure-canvases-with-the-canvas-authoring-plugin", "markdown": "https://wpnews.pro/news/build-azure-canvases-with-the-canvas-authoring-plugin.md", "text": "https://wpnews.pro/news/build-azure-canvases-with-the-canvas-authoring-plugin.txt", "jsonld": "https://wpnews.pro/news/build-azure-canvases-with-the-canvas-authoring-plugin.jsonld"}}