GenAI

Новото предаване: Как да споделите кода на вашия AI агент с вашия екип1 min read

Reading Time: 4 minutesНаучете как да споделяте генериран от AI код като източник, работеща версия или споделен артефакт, който хората и агентите на AI могат да прегледат и продължат заедно.

Turn AI-generated code into a shared live app

Новото предаване: Как да споделите кода на вашия AI агент с вашия екип1 min read

Reading Time: 4 minutes

Вашият AI агент току-що създаде нещо полезно.Може би това е табло за управление, нов поток на включване или малко вътрешно приложение.

Можете да видите, че работи.Кодът изглежда добре.Сега вашият съотборник задава напълно резонен въпрос:

— Можете ли да ми го изпратите?

Това е мястото, където работният процес на кодиране на AI често се превръща в ръчно предаване.Изпращате екранна снимка, копирате кодов фрагмент, натискате разклонение или обяснявате как да стартирате проекта локално.

Но човекът, който пита, може да не иска изходния код.Те искат да отворят нещото, да го опитат и да ви кажат какво трябва да промените.

Правилният начин за споделяне на код, генериран от AI, зависи от това какво ще се случи след това.

Първо, какво всъщност споделяте?

Когато някой поиска кода, генериран от вашия AI агент, това може да означава три различни неща.

1. Изходният код

Разработчикът трябва да инспектира внедряването, да изпълни тестове или да го обедини в съществуваща кодова база.

Git хранилище и заявка за изтегляне обикновено са правилният отговор.Те предоставят познат работен процес за преглед на промените, проверка на тестове и интегриране на кода в производството.

2. Работеща версия

Продуктов мениджър иска да щракне през потока за включване.Дизайнерът иска да види адаптивното оформление.Заинтересовано лице иска да изпробва таблото за управление.

Изпращането на изходни файлове не е особено полезно тук.Те се нуждаят от приложение или артефакт, който могат да отворят в браузър.

3. Работа, която някой друг ще продължи

Вашият съотборник иска да прегледа приложението, да предложи промяна и да накара AI агент да приложи обратната връзка.

Това е различен вид предаване.Дестинацията трябва да съдържа повече от моментна снимка.Трябва да запази работата, нейната история и достъп за всеки, който я продължи.

Тези работни процеси се припокриват, но не са взаимозаменяеми.

Разликата между споделяне на код и предаване на работа

Представете си, че агент създава табло за анализ на клиенти.

Той включва три карти с KPI, диаграма за използване и филтър за дата.

Можете да изпратите на съотборника си React файловете.Те ще имат нужда от среда за разработка, за да видят резултата.

Можете да изпратите екранна снимка.Те биха разбрали оформлението, но няма да могат да тестват филтъра.

Може да го разположите някъде.Те биха могли да взаимодействат с него, но вие все пак ще имате нужда от процес за събиране на обратна връзка и актуализиране на проекта.

Сега си представете малко по-различен работен процес.

Агентът създава таблото за управление в споделено работно пространство на артефакт и ви дава своя URL адрес.

Вашият съотборник отваря артефакта, тества филтъра и оставя обратна връзка в диаграмата.Вие молите агента да направи промяната в същия артефакт.

URL адресът остава същият.Работата има история.Няма нужда да започвате нов разговор и да обяснявате какво е създал предишният агент.

Това е предаването, за което си струва да се проектира.

Как да споделяте генериран от AI код с вашия екип

Ето един практически работен процес с използване AgentGrid.io, споделено работно пространство за артефакти за хора и AI агенти, създадено от Anima.

Стъпка 1: Изградете с предпочитания от вас инструмент за кодиране с изкуствен интелект

Продължете да работите в Claude Code, Codex, Cursor или друг инструмент, с който се чувствате удобно.

Например:

Изградете адаптивно табло за анализ на продукти с диаграма на употребата, филтър за дата и три KPI карти.Използвайте React.

Не е необходимо да променяте инструмента, който използвате за генериране на кода.

Стъпка 2: Поставете резултата някъде, където вашият екип има достъп

Свържете своя агент към AgentGrid и попитайте:

Поставете това табло за управление на AgentGrid като приложение.Дайте ми връзката към артефакта и я запазете поверителна.

AgentGrid съхранява приложението като артефакт със собствен URL адрес и история на версиите.

Ако използвате кодиращ агент, който може да се свързва независимо, следвайте AgentGrid инструкции за свързване.Базираните на браузър асистенти като Claude или ChatGPT използват своите поддържани интеграции.

Важната част е, че вашият агент създава артефакта в работно пространство, до което има разрешение за достъп.

Стъпка 3: Дайте достъп на вашия съотборник

Отворете артефакта и копирайте връзката му.

Преди да го изпратите, уверете се, че съотборникът ви има достъп до работното пространство.Частен URL артефакт идентифицира произведението;не дава разрешение само по себе си.

За вътрешно сътрудничество обикновено това е, което искате.Съотборник може да прегледа работата, без да я прави публично достъпна.

Вижте как работи споделянето на артефакти.

Стъпка 4: Съберете обратна връзка за действителния резултат

Вашият съотборник отваря таблото за управление и открива, че филтърът за дата не се държи според очакванията.

Вместо да пишат отделно Slack съобщение, обясняващо кой компонент е повреден, те могат да оставят обратна връзка, прикачена към съответната част от артефакта.

AgentGrid поддържа коментари за преглед на елементи на приложение и пасажи от документи.Упълномощените хора и агентите могат да обработват тези коментари заедно.

Това поддържа дискусията близо до това, което се преглежда.

Стъпка 5: Оставете агента да продължи работата

Сега можете да кажете на свързан агент:

Отворете този артефакт AgentGrid и поправете филтъра за дата.Запазете съществуващото оформление и актуализирайте същия артефакт.

Включете действителния URL адрес на артефакта.

Агентът може да инспектира и актуализира артефакта, ако има необходимия достъп и възможности.

Промените се показват в същата хронология на версиите, приписани на агента, който ги е направил.Вашият съотборник може да се върне към същия артефакт, за да прегледа резултата.

Вижте история на версиите в AgentGrid.

Какво ще кажете за Claude, ChatGPT, Cursor и Codex?

Някои AI инструменти вече имат полезни собствени възможности за споделяне.

Claude може да споделя поддържани артефакти в своята екосистема.GitHub е страхотен за преглед на код.Платформите за разработка могат да предоставят внедрявания за предварителен преглед.

Не е необходимо да заменяте тези работни потоци само за да споделите нещо.

AgentGrid е полезен, когато включва следващата стъпка хора и агенти, работещи върху един и същи артефакт, особено в различни AI инструменти.

Например, вашият екип може да използва Claude, за да изготви интерфейс, Codex, за да усъвършенства поведението си, и човек, проверяващ, за да остави обратна връзка.

Споделеният артефакт осигурява обща дестинация за тази работа.

Кога трябва да публикувате вместо това?

Ако работата е предназначена за хора извън вашето работно пространство – като клиент, който се нуждае от публична демонстрация – може да искате да я публикувате.

AgentGrid може да публикува поддържани приложения и Markdown артефакти на публични URL адреси.

Но споделянето и публикуването не са едно и също действие.

Връзката към частен артефакт изисква оторизиран достъп до работното пространство.Публикуваното внедряване е публично достъпно.По-късните промени в артефакта трябва да бъдат публикувани отново, преди да се появят на тази публична страница.

Публикувайте само когато това е, което възнамерявате.

По-добър въпрос, който да зададете, когато агентът приключи

Вместо да завършвате всяка сесия на кодиране с „експортиране на файловете“, попитайте:

Кой има нужда от това и какво трябва да направи с него?

Ако програмист трябва да обедини кода, създайте заявка за изтегляне.

Ако някой трябва да тества приложението, дайте му работеща визуализация.

Ако хората и агентите трябва да прегледат и продължат работата заедно, дайте им споделен дом.

Резултатът от сесия за кодиране на AI не трябва да бъде краят на работния процес.Тя може да бъде отправна точка за всички останали.

👉 Разгледайте AgentGrid.

FAQs