The GitHub Blog

GitHub Copilot app for Beginners: How to build custom workflows with canvases

7.1内容质量
GitHub Copilot app for Beginners: How to build custom workflows with canvases

TL;DR · AI 摘要

Title: GitHub Copilot app for Beginners: How to build custom workflows with canvases URL Source: Published Time: 2026-09...

核心要点

  • 主题聚焦:GitHub Copilot app for Beginners: How to build c
  • 来源:The GitHub Blog,建议结合原文判断细节。
  • AI 分析暂不可用,本条为保底评分与摘要。
#AI#编程#后端#安全#产品
打开原文

GitHub Copilot app for Beginners: How to build custom workflows with canvases - The GitHub Blog

Skip to contentSkip to sidebar

[](https://github.com/)/Blog

Try GitHub Copilot appAttend GitHub Universe

Learn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry.

Learn how to build with generative AI.

Change how you work with GitHub Copilot.

Everything developers need to know about LLMs.

Machine learning tips, tricks, and best practices.

Explore the capabilities and benefits of AI code generation and how it can improve your developer experience.

Learn more

Resources for developers to grow in their skills and careers.

Insights and best practices for building apps.

Tips & tricks to grow as a professional developer.

Improve how you use GitHub at work.

Learn how to move into your first professional role.

Stay current on what’s new (or new again).

Learn how to start building, shipping, and maintaining software with GitHub.

Learn more

Get an inside look at how we’re building the home for all developers.

Discover how we deliver a performant and highly available experience across the GitHub platform.

Explore best practices for building software at scale with a majority remote team.

Get a glimpse at the technology underlying the world’s leading AI-powered developer platform.

Learn how we build security into everything we do across the developer lifecycle.

Find out what goes into making GitHub the home for all developers.

Our engineering and security teams do some incredible work. Let’s take a look at how we use GitHub to be more productive, build collaboratively, and shift security left.

Learn more

Explore how to write, build, and deploy enterprise software at scale.

Automating your way to faster and more secure ships.

Guides on continuous integration and delivery.

Tips, tools, and tricks to improve developer collaboration.

DevOps resources for enterprise engineering teams.

How to integrate security into the SDLC.

Ensuring your builds stay clean.

Learn why Gartner positioned GitHub as a Leader for the second year in a row.

Learn more

Keep up with what’s new and notable from inside GitHub.

An inside look at news and product updates from GitHub.

The latest on GitHub’s platform, products, and tools.

Insights into the state of open source on GitHub.

The latest policy and regulatory changes in software.

Data-driven insights around the developer ecosystem.

Older news and updates from GitHub.

Learn how to use retrieval-augmented generation (RAG) to capture more insights.

Learn more

Everything open source on GitHub.

The latest Git updates.

Spotlighting open source maintainers.

How open source is driving positive change.

Explore open source games on GitHub.

Organizations worldwide are incorporating open source methodologies into the way they build and ship their own software.

Learn more

Stay up to date on everything security.

Application security, explained.

Demystifying supply chain security.

Updates from the GitHub Security Lab.

Helpful tips on securing web applications.

Learn about core challenges in DevSecOps, and how you can start addressing them with AI and automation.

Learn more

Search

Categories

Learn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry.

Learn how to build with generative AI.

Change how you work with GitHub Copilot.

Everything developers need to know about LLMs.

Machine learning tips, tricks, and best practices.

Explore the capabilities and benefits of AI code generation and how it can improve your developer experience.

Learn more

Resources for developers to grow in their skills and careers.

Insights and best practices for building apps.

Tips & tricks to grow as a professional developer.

Improve how you use GitHub at work.

Learn how to move into your first professional role.

Stay current on what’s new (or new again).

Learn how to start building, shipping, and maintaining software with GitHub.

Learn more

Get an inside look at how we’re building the home for all developers.

Discover how we deliver a performant and highly available experience across the GitHub platform.

Explore best practices for building software at scale with a majority remote team.

Get a glimpse at the technology underlying the world’s leading AI-powered developer platform.

Learn how we build security into everything we do across the developer lifecycle.

Find out what goes into making GitHub the home for all developers.

Our engineering and security teams do some incredible work. Let’s take a look at how we use GitHub to be more productive, build collaboratively, and shift security left.

Learn more

Explore how to write, build, and deploy enterprise software at scale.

Automating your way to faster and more secure ships.

Guides on continuous integration and delivery.

Tips, tools, and tricks to improve developer collaboration.

DevOps resources for enterprise engineering teams.

How to integrate security into the SDLC.

Ensuring your builds stay clean.

Learn why Gartner positioned GitHub as a Leader for the second year in a row.

Learn more

Keep up with what’s new and notable from inside GitHub.

An inside look at news and product updates from GitHub.

The latest on GitHub’s platform, products, and tools.

Insights into the state of open source on GitHub.

The latest policy and regulatory changes in software.

Data-driven insights around the developer ecosystem.

Older news and updates from GitHub.

Learn how to use retrieval-augmented generation (RAG) to capture more insights.

Learn more

Everything open source on GitHub.

The latest Git updates.

Spotlighting open source maintainers.

How open source is driving positive change.

Explore open source games on GitHub.

Organizations worldwide are incorporating open source methodologies into the way they build and ship their own software.

Learn more

Stay up to date on everything security.

Application security, explained.

Demystifying supply chain security.

Updates from the GitHub Security Lab.

Helpful tips on securing web applications.

Learn about core challenges in DevSecOps, and how you can start addressing them with AI and automation.

Learn more

Attend GitHub UniverseTry GitHub Copilot app

Home/AI & ML/GitHub Copilot

GitHub Copilot app for Beginners: How to build custom workflows with canvases

Describe the interface you need in plain English, then let the agent build a live surface you can both use and update—so you spend less time adapting to tools and more time getting work done.

Image 13: GitHub Copilot app for Beginners: Build custom AI surfacesVideo 2

[Kayla Cinnamon](https://github.blog/author/cinnamonmsft/ "Posts by Kayla Cinnamon")·@cinnamon-msft

September 25, 2026

| 3 minutes

  • Share:
  • [](https://x.com/share?text=GitHub%20Copilot%20app%20for%20Beginners%3A%20How%20to%20build%20custom%20workflows%20with%20canvases&url=https%3A%2F%2Fgithub.blog%2Fai-and-ml%2Fgithub-copilot%2Fgithub-copilot-app-for-beginners-how-to-build-custom-workflows-with-canvases%2F)
  • [](https://www.facebook.com/sharer/sharer.php?t=GitHub%20Copilot%20app%20for%20Beginners%3A%20How%20to%20build%20custom%20workflows%20with%20canvases&u=https%3A%2F%2Fgithub.blog%2Fai-and-ml%2Fgithub-copilot%2Fgithub-copilot-app-for-beginners-how-to-build-custom-workflows-with-canvases%2F)
  • [](https://www.linkedin.com/shareArticle?title=GitHub%20Copilot%20app%20for%20Beginners%3A%20How%20to%20build%20custom%20workflows%20with%20canvases&url=https%3A%2F%2Fgithub.blog%2Fai-and-ml%2Fgithub-copilot%2Fgithub-copilot-app-for-beginners-how-to-build-custom-workflows-with-canvases%2F)

Most tools give you a fixed set of screens and ask you to fit your work into them. But what if you could start with the workflow you want instead and have the interface take shape around it?

That’s the idea behind canvases in the GitHub Copilot app. A canvas, also called a canvas extension, is a customizable interface that you and the agent share. It can be a kanban board, an issue triage board, a release checklist, a dashboard, a form, or even a spreadsheet: a UI shaped to how you work.

Because the canvas is bidirectional, the agent can update it as it works, and you can use buttons, cards, filters, and other controls to make changes too. Just like using a live shared whiteboard.

Let’s create one.

Creating a canvas with /create-canvas

To create a canvas, you don’t have to do any coding or design by hand. Just open an agent session, enter the /create-canvasskill, and describe what you want in plain English.

Make sure your prompt covers three things:

  • The workflow the canvas should support.
  • What you should be able to do in the interface.
  • What the agent should be able to do.

For example, you could enter:

/create-canvas Create a release notes canvas for tracking new feature work completed across GitHub Copilot app sessions. Include controls for reviewing and organizing entries and allow the agent to add and update them.

Then, the agent will build the interface and open it in the right-side panel without you having to write files or mess with the layout. One description becomes a custom tool that’s ready to use.

Shaping the canvas around your workflow

Because the interface is generated from your description, your first version is just a starting point, and you can keep refining until you’re happy.

You could ask the agent to add a column or filter, pull in your open pull requests, or turn the entire canvas into a checklist for your day. The agent will revise the canvas to match. While there isn’t a fixed menu of layouts, if you can describe a workflow, you can likely turn it into a canvas.

Once created, your canvas is saved as an extension, so you can use it again. You can keep it with the project for your team to share or save it as a personal extension just for you.

Instant collaboration, not command and wait

The real power of a canvas is that you and the agent can both keep working at the same time.

When you click a button, update a field, or move a card, the canvas’ shared state changes immediately. The agent sees the same update without a separate send or sync step.

It works the other way, too. You can ask the agent to use the canvas’ own capabilities—the same actions available to you—to add a release note or move a card, then watch that change appear in the interface. Instead of sending a command and waiting for a response, you’re steering the work together.

Take this with you

Creating a useful canvas starts with three simple questions:

  • What information do I want to see?
  • What do I want to change directly?
  • What should the agent be able to update or do?

Not sure where to begin? The community has shared ready-made canvas extensions through Awesome Copilot, including release notes tools, kanban boards, issue triage workflows, and more. Install one that’s close to what you need, then ask the agent to customize it for your workflow in the same way you would refine a canvas you created yourself.

Start small: open a session, run /create-canvas, and describe a simple board or checklist for something you’re working on now.

Try using the GitHub Copilot app >

  • * *

Tags:

Written by

Image 14: Kayla Cinnamon
Image 14: Kayla Cinnamon

[Kayla Cinnamon](https://github.blog/author/cinnamonmsft/)

@cinnamon-msft

Senior AI Developer Tools Advocate

Table of Contents

More on [GitHub Copilot](https://github.blog/tag/github-copilot/)

[When chat is the wrong UI](https://github.blog/ai-and-ml/github-copilot/when-chat-is-the-wrong-ui/)

What is a developer to do when they need something more tangible than a chat box? Enter canvases.

[Burke Holland](https://github.blog/author/burkeholland/ "Posts by Burke Holland")

[Rendering huge pull requests in the GitHub Copilot app](https://github.blog/engineering/user-experience/rendering-huge-pull-requests-in-the-github-copilot-app/)

How we rebuilt the diff surface in the GitHub Copilot app to open a million-line pull request with hundreds of inline review comments.

[Alberto Gimeno](https://github.blog/author/gimenete/ "Posts by Alberto Gimeno")

Related posts

Image 15
Image 15

AI & ML

[When chat is the wrong UI](https://github.blog/ai-and-ml/github-copilot/when-chat-is-the-wrong-ui/)

What is a developer to do when they need something more tangible than a chat box? Enter canvases.

[Burke Holland](https://github.blog/author/burkeholland/ "Posts by Burke Holland")

Image 16: An abstract graphic featuring stacked cubes with a security checkmark shield and the GitHub invertocat logo.
Image 16: An abstract graphic featuring stacked cubes with a security checkmark shield and the GitHub invertocat logo.

AI & ML

[AI-powered fuzzing with the GitHub Security Lab Taskflow Agent](https://github.blog/security/application-security/ai-powered-fuzzing-with-the-github-security-lab-taskflow-agent/)

In this blog post, I explain how to use the new fuzzing taskflow based on the GitHub Security Lab Taskflow Agent AI framework.

[Antonio Morales](https://github.blog/author/antoniomorales/ "Posts by Antonio Morales")

Image 17: Decorative image showing the GitHub Copilot App logo.
Image 17: Decorative image showing the GitHub Copilot App logo.

AI & ML

[Rendering huge pull requests in the GitHub Copilot app](https://github.blog/engineering/user-experience/rendering-huge-pull-requests-in-the-github-copilot-app/)

How we rebuilt the diff surface in the GitHub Copilot app to open a million-line pull request with hundreds of inline review comments.

[Alberto Gimeno](https://github.blog/author/gimenete/ "Posts by Alberto Gimeno")

Explore more from GitHub

Image 18: Docs
Image 18: Docs

Docs

Everything you need to master GitHub, all in one place.

Go to Docs

Image 19: GitHub
Image 19: GitHub

GitHub

Build what’s next on GitHub, the place for anyone from anywhere to build anything.

Start building

Image 20: Customer stories
Image 20: Customer stories

Customer stories

Meet the companies and engineering teams that build with GitHub.

Learn more

Image 21: GitHub Universe 2026
Image 21: GitHub Universe 2026

GitHub Universe 2026

Join us October 28-29 in San Francisco or online for GitHub Universe, our flagship developer event uniting people, agents, and the world’s code.

Register now

We do newsletters, too

Discover tips, technical guides, and best practices in our biweekly newsletter just for devs.

Your email address

*Your email address

Subscribe

  • [x] Yes please, I’d like GitHub and affiliates to use my information for personalized communications, targeted advertising and campaign effectiveness. See the GitHub Privacy Statement for more details.

Subscribe

Site-wide Links

[](https://github.com/)

Product

Platform

Support

Company

  • © 2026 GitHub, Inc.
  • Terms
  • Privacy
  • Manage Cookies
  • Do not share my personal information

Image 22×