Программирование и разработка программного обеспечения

Как создавать настраиваемые рабочие интерфейсы внутри приложения GitHub Copilot с помощью Canvases

GitHub объясняет, как создавать интерактивные рабочие интерфейсы внутри приложения GitHub Copilot с помощью описания рабочего процесса на естественном языке, а затем изменять интерфейс и использовать его параллельно с агентом. Такие интерфейсы можно применять для канбан-досок, сортировки задач, контрольных списков и информационных панелей.

2026-09-25
3 мин. чтения
25 просмотров
certi.news Editorial Team
Как создавать настраиваемые рабочие интерфейсы внутри приложения GitHub Copilot с помощью Canvases

Функция Canvases в приложении GitHub Copilot позволяет пользователю создавать настраиваемый рабочий интерфейс на основе описания, написанного на английском языке, вместо адаптации к фиксированным экранам, которые навязывают традиционные инструменты. GitHub поясняет, что эти интерфейсы, также называемые расширениями Canvas, могут иметь форму канбан-доски, панели для сортировки задач, контрольного списка релиза, формы или электронной таблицы.

Создание Canvas из текстового описания

Для создания интерфейса не требуется писать код или вручную проектировать файлы. Пользователь начинает сеанс с агентом GitHub Copilot, а затем вводит команду /create-canvas, после чего добавляет описание нужного интерфейса. Чтобы получить полезный результат, GitHub предлагает указать три элемента: рабочий процесс, который должен поддерживать интерфейс, действия, которые пользователь должен иметь возможность выполнять, и задачи, которые может выполнять агент.

В качестве примера компания приводит запрос на создание Canvas для отслеживания заметок к релизу, посвящённых функциям, завершённым во время сеансов работы с приложением GitHub Copilot, с инструментами для проверки и упорядочивания записей и возможностью для агента добавлять и обновлять их. Затем агент создаёт интерфейс и открывает его на боковой панели, без необходимости для пользователя создавать файлы или вручную настраивать макет.

Интерфейс как отправная точка, которую можно изменять

GitHub не рассматривает первоначальный результат как окончательный дизайн. Пользователь может попросить добавить столбцы или фильтры, получить открытые запросы на слияние или превратить интерфейс в ежедневный список задач. Агент перестраивает Canvas на основе этих инструкций; впоследствии интерфейс также можно сохранить как расширение для повторного использования.

Расширение можно хранить внутри проекта, чтобы поделиться им с командой, или сохранить как личное расширение. GitHub также указывает, что в сообществе Awesome Copilot доступны готовые расширения, включая инструменты для заметок к релизу, канбан-доски и рабочие процессы сортировки задач; их можно установить, а затем настроить.

Прямое сотрудничество пользователя и агента

Главное практическое отличие заключается в том, что Canvas позволяет обеим сторонам напрямую изменять общее состояние. При нажатии кнопки, обновлении поля или перемещении карточки изменение отображается в интерфейсе и становится видимым агенту без отдельного шага синхронизации. Аналогичным образом можно попросить агента использовать те же функции, которые доступны пользователю, чтобы добавить заметку к релизу или переместить карточку; результат будет отображён в интерфейсе.

Что меняется на практике?

Canvases предлагает модель, выходящую за рамки взаимодействия по принципу отправки команды и ожидания ответа: интерфейс становится общей рабочей областью, которую могут изменять пользователь и агент. Благодаря этому функция подходит для рабочих процессов, которым нужны визуальные элементы и обновляемое состояние, а не только текстовые ответы. Однако в материале не указаны подробности доступности, ограничения на поддерживаемые типы данных и операции или требования для доступа к этой функции; поэтому её пригодность для команд и производственных сред ещё нуждается в практической проверке.

GitHub предлагает начать с простой доски или контрольного списка, а затем постепенно улучшать их, отвечая на три вопроса: какую информацию следует отображать? Что пользователь хочет изменять напрямую? И что агент должен иметь возможность обновлять или выполнять?

Источник новости
c
Автор

certi.news Editorial Team

В той же категории

Вам также может понравиться

Все новости