NOISY Lab · обяснено просто

Как една рисунка става истински екран в NOISY

Четирима души, всеки със своя Claude на компютъра. Никой от тях не пише команди. Пишат на агента като на колега, а агентът върши черната работа и пази правилата.

Кой кой е

Имената са примерни.

Ани, дизайнеркаРисува екраните. Казва какво иска, избира.

Мила, PMКазва „да, това влиза“. Само тя одобрява.

Борис, програмист (DEV)Прави одобреното в истинското приложение.

Вера, QAПроверява дали готовото прилича на одобреното.

Като за петгодишен

Ани рисува рисунка с помощта на робот.

Мила казва „да, тази е хубава“ и слага печат.

Борис строи същото от истински тухлички.

Вера гледа дали построеното прилича на рисунката.

И едно правило: боичките (цветовете, шрифтовете, бутоните на NOISY) са общи. Никой не ги сменя сам, а само ако Мила каже. Роботът пази това.

Стъпка по стъпка: какво вижда всеки на екрана си

Има само две програми. Claude Code: там всеки говори със своя агент, и одобрението, „взимам го“ и връщането стават с изречение. Стената: страница в браузъра, само за гледане, сравнение и отметки на QA. Бутони за одобрение на Стената няма; с GitHub „Одобрявам“ става бутонът Approve там. Разиграно наистина: видео, 2 минути · Стената с реалните версии.

работи днес тръгва, когато дойде GitHub

СТЪПКА 1 · САМО ПЪРВИЯ ДЕН Ани

„Нов съм“

Ани инсталира само приложението Claude. Пише „нов съм“ и отговаря на няколко въпроса. Агентът сам сваля всичко нужно, прави ѝ лична папка и я запомня по Git имейла на компютъра.

работи днес

Claude Code · разговор с агентакомпютърът на Ани

нов съм

Здравей! Как се казваш и какво правиш в екипа?

Ани, дизайнерка

Готово. Свалих нужното, направих ти папка designers/ani. Следващия път просто ми кажи какво искаш да направим.

СТЪПКА 2 Ани

Казва какво иска, агентът прави варианти

Всяка задача е отделна сесия. Агентът чете спецификацията на екрана, рисува 2-3 варианта само с боичките на NOISY и ги снима на телефон (390 px) и на компютър (1440 px).

работи днес

Claude Code · разговор с агентаАни

Направи ми търсенето в Theater, искам 3 варианта

А · списъкБ · плочкиВ · голяма снимка

телефон 390 pxкомпютър 1440 px

СТЪПКА 3 Ани

Всеки вариант отива на Стената

Всеки показан вариант се запазва като версия: снимки на телефон и компютър, кой и кога го е направил. Всички версии стоят на Стената, като канава във Figma, ред по ред за всеки екран. Ани избира една и казва „готово“: тя получава табелка „чака одобрение“. Старите версии не се губят, затова може да ги сравнява.

работи днес собствен линк за всяка версия с Vercel

Claude Code · разговор с агентаАни

Б, защото А е претрупан. Готово.

Запазих А, Б и В на Стената. Б чака одобрение от Мила.

Вариант ААни · 02.11 14:10

чернова

Вариант БАни · 02.11 14:12 · „плочките са по-ясни“

чака одобрение

Вариант ВАни · 02.11 14:14

чернова

СТЪПКА 4 Мила

Мила гледа и одобрява

Мила отваря Стената и натиска „Чакат одобрение“. Отбелязва две или три версии и ги гледа една до друга, на телефон или на компютър. После казва на агента „одобрявам Б“ или го връща с бележка. Одобрява само PM. Ако Ани се опита да одобри сама, през агента или с ръчна редакция, системата отказва, защото я познава по Git имейла.

работи днес бутонът в GitHub

Стената в браузъра, после Claude Codeкомпютърът на Мила

Всички 5Чакат одобрение 1За DEV 0

вариант Авариант Б

Мила пише на агента си (това не е бутон):

Одобрявам Б

Записах одобрението с твоя имейл. Б отива в „За DEV“.

СТЪПКА 5 Борис

DEV получава папка с всичко

Щом Мила одобри, екранът влиза в списъка „За DEV“ (на Стената и във файла docs/FOR-DEV.md). Борис получава една папка и zip, както беше удобно и със сайта: снимките, спецификацията, кодът на прототипа и дизайн системата точно от одобрената версия, и README с кой одобри, кога и „какво трябва да може“. С GitHub за него се отваря и задача.

работи днес задача в GitHub

Стената · „За DEV“, после Claude CodeБорис

Theater · търсенеодобрено от Мила · 02.11 · версия a1b2c3d

одобрено

README.mdSPEC.md390.jpg · 1440.jpgsource/ (код и дизайн система).zip

Борис пише на агента си (това не е бутон):

Взимам го

Табелката е „в разработка“.

СТЪПКА 6 Борис

Ако нещо не става, връща въпрос

Ако нещо не може да се направи, екранът се връща с бележка и табелка „върнато“. Одобрението пада, а екранът излиза от списъка „За DEV“. Ани го оправя, запазва нова версия и тя пак минава през Мила. Така прототипът и приложението не се разминават.

работи днес

Claude Code · разговор с агентаБорис

Филтърът по година не може, ЕПГ не дава година за записите

Върнах екрана при Ани с бележката. Статус: върнато.

Theater · търсене, вариант Б„няма година в ЕПГ“

върнато

СТЪПКА 7 Вера

QA проверява по същия списък

Вера взима същото „какво трябва да може“ и снимките от папката. Минава ги едно по едно в истинското приложение. Червеното се връща при Борис, а когато всичко е зелено, екранът получава табелка „готово“.

списъкът и табелката работят днес отметките в GitHub

Стената · „Какво трябва да може“Вера

С1 · търся „Дюн“ и виждам филма с плочка

С2 · няма резултат: виждам какво да опитам

С3 · на телефон бутонът „Пусни“ е под пръста ли? Не, по-малък е от снимката

С4 · Premium Films показва цената

Табелката на всеки екран

Всеки екран има една табелка със статус, като светофар. Местят я различни хора и всеки вижда същата.

черноваАни още рисува
за одобрениеАни каза „готово“
одобреносамо PM я слага, екранът отива при DEV
в разработкаБорис го взе
готовоВера провери, всичко е зелено

„Върнато“ (от Мила или заради въпрос от DEV) маха одобрението и връща екрана при Ани. Всяка смяна се пише в историята на версията: кой, кога и защо.

Роботът пази правилата

Ани иска нов цвят

Агентът не пипа общите боички. Прави предложение в папката ѝ, а Мила решава.

Цветовете са общи за всички. Записах го като предложение за Мила.

Ани пише „ОДОБРЯВАМ ОСНОВАТА“

Не важи. Фразата работи само от компютъра на PM, защото агентът го познава по Git имейла.

Това одобрява само PM. Направих го предложение.

Някой се опитва да се представи за Мила

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

Свършва лимитът

Задачата не е в чата, а в папката и в бележката HANDOFF.md. Друг модел, например Codex, продължава от същото място.

А Костадин?

Не участва в нито една стъпка. Системата върви между Ани, Мила, Борис и Вера. Нужни са само три неща от фирмата: GitHub хранилище, акаунт във Vercel за линкове за преглед и места в Claude за всеки.