← Všechny články

GitHub Copilot pro začátečníky: vlastní pracovní postupy s funkcí canvases

Funkce canvases v aplikaci GitHub Copilot umožňuje vytvořit vlastní pracovní rozhraní pouhým popisem, bez ručního programování. Uživatelé i agent v něm mohou průběžně upravovat data a společně sledovat úkoly, připravovat poznámky k vydání nebo třídit issues.

Neoficiální české shrnutí a překlad článku Microsoftu. Web není oficiálním kanálem Microsoftu. Originál: GitHub Copilot app for Beginners: How to build custom workflows with canvases (GitHub Blog).

Většina nástrojů nabízí pevně dané obrazovky a očekává, že jim přizpůsobíte svou práci. Co kdybyste ale mohli nejprve popsat požadovaný pracovní postup a nechat rozhraní vytvořit podle něj?

Právě na tom stojí canvases v aplikaci GitHub Copilot. Canvas, označovaný také jako canvas extension, je přizpůsobitelné rozhraní, které sdílíte s agentem. Může mít podobu kanbanové tabule, přehledu pro třídění issues, kontrolního seznamu pro vydání nové verze, dashboardu, formuláře nebo třeba tabulky. Rozhraní se tak přizpůsobuje Vašemu způsobu práce.

Canvas funguje obousměrně: agent ho může při práci aktualizovat a Vy v něm můžete provádět změny pomocí tlačítek, karet, filtrů a dalších ovládacích prvků. Připomíná tak sdílenou tabuli aktualizovanou v reálném čase.

K vytvoření canvas nepotřebujete ručně psát kód ani navrhovat vzhled. Stačí otevřít relaci s agentem, zadat dovednost (skill) /create-canvas a běžným jazykem popsat, co potřebujete.

V promptu uveďte tři věci:

  • Jaký pracovní postup má canvas podporovat.
  • Co chcete mít možnost dělat přímo v rozhraní.
  • Co má mít možnost dělat agent.

Můžete například zadat:

/create-canvas Vytvořte canvas pro poznámky k vydání, ve kterém bude možné sledovat dokončené práce na nových funkcích napříč relacemi aplikace GitHub Copilot. Zahrňte ovládací prvky pro kontrolu a uspořádání záznamů a umožněte agentovi záznamy přidávat a aktualizovat.

Agent následně vytvoří rozhraní a otevře ho v pravém panelu. Nemusíte ručně vytvářet soubory ani řešit rozložení prvků. Z jednoho popisu vznikne vlastní nástroj připravený k použití.

Protože se rozhraní generuje podle Vašeho zadání, první verze je pouze výchozím bodem. Můžete ji dál upravovat, dokud nebude odpovídat Vašim potřebám.

Agenta můžete požádat, aby přidal sloupec nebo filtr, načetl Vaše otevřené pull requesty nebo celý canvas změnil na kontrolní seznam pro dnešní den. Agent rozhraní podle zadání upraví. Neexistuje pevná nabídka rozložení, ale pokud dokážete pracovní postup popsat, pravděpodobně ho můžete převést do podoby canvas.

Vytvořený canvas se uloží jako rozšíření, takže ho můžete používat opakovaně. Lze ho ponechat u projektu a sdílet s týmem, nebo uložit jako osobní rozšíření pouze pro Vás.

Hlavní přínos spočívá v tom, že Vy i agent můžete pracovat současně.

Když kliknete na tlačítko, upravíte pole nebo přesunete kartu, sdílený stav canvas se okamžitě změní. Agent vidí stejnou aktualizaci, aniž byste museli změnu zvlášť odesílat nebo spouštět synchronizaci.

Funguje to i opačně. Můžete agenta požádat, aby využil přímo možnosti canvas – tedy stejné akce, které máte k dispozici Vy – a přidal poznámku k vydání nebo přesunul kartu. Změna se pak objeví v rozhraní. Místo pouhého zadávání příkazů a čekání na odpověď tak práci průběžně řídíte společně s agentem.

Při návrhu užitečného canvas pomohou tři jednoduché otázky:

  • Jaké informace chcete vidět?
  • Co chcete měnit přímo v rozhraní?
  • Co má mít agent možnost aktualizovat nebo provádět?

Pokud nevíte, kde začít, komunita sdílí hotová canvas extensions prostřednictvím Awesome Copilot. Najdete mezi nimi nástroje pro poznámky k vydání, kanbanové tabule, pracovní postupy pro třídění issues a další rozšíření. Nainstalujte takové, které se blíží Vašim potřebám, a požádejte agenta, aby ho přizpůsobil Vašemu pracovnímu postupu. Úpravy probíhají stejně jako u canvas, který jste si nechali vytvořit sami.

Začněte něčím malým: otevřete relaci, spusťte /create-canvas a popište jednoduchou tabuli nebo kontrolní seznam pro úkol, na kterém právě pracujete.