Реальний розподіл, без вигаданих «команд».
| Роль | Хто | Що конкретно зробив |
|---|---|---|
| Планування + оркестрація | Оркестратор (Claude) | Розібрав задачу, зчитав таблицю «Вчителі» (хуки, хедлайни, позиціонування), визначив архітектуру: preland-надбудова на повну воронку broshky1. Написав спільне ТЗ і роздав 12 агентам. |
| Автор ТЗ | Оркестратор (Claude) | Склав PRELAND-BRIEF (нижче) + персональне ТЗ на композицію кожному з 12 агентів. |
| Логіка / функціонал | Успадковано з бойового broshky1 | Конфігуратор брошки, кошик, свотчі, оплата, вся JS-логіка, з реального нашого сайту. Я НЕ переписував логіку, лише self-hostнув ассети (40 шрифтів + галерея + свотчі + fame), щоб сторінка гарантовано вантажилась. |
| Інтеграція / збірка | Оркестратор (Claude) | assemble.py граждає фрагмент preland на воронку (додає якір #pick, адаптує title), deploy-all.sh деплоїть 12 повних сайтів на Cloudflare Pages. |
| UX/UI дизайн | 12 окремих агентів | По одному на варіант. Кожен спроєктував розмітку + scoped CSS 2-3 прогрівочних блоків у нашому дизайн-система (Oswald/Onest, наші токени). Список нижче. |
| QA / перевірка | Оркестратор (Claude) | Регресія no-crossorigin.mjs (щоб не повторити баг «не грузиться»), перевірка кожного URL на 200 + наявність preland і кошика. |
Файл PRELAND-BRIEF.md, дослівно.
Тип агента: general-purpose. Відрізнялись лише композицією (нижче), решта, спільне ТЗ вище.
| # | Агент / сайт | Персональне ТЗ (композиція) |
|---|---|---|
| 1 | UX-агент «Спліт-герой» v01 | Двоколонковий offer-герой (текст зліва, високе 4:5 фото вчительки справа з інсет-мініатюрою студійної брошки + підпис), цінність як волосяний ряд з 3 фото, горизонтальна urgency-band. |
| 2 | UX-агент «Full-bleed кіно» v02 | Імерсивне фото на всю ширину з темно-теплим градієнтом, Oswald-заголовок + CTA накладені знизу-зліва; нижче два великі чергові ряди фото+текст, тонка urgency-стрічка. |
| 3 | UX-агент «Редакційний нумерований» v03 | Offer-герой, далі цінність+терміновість як редакційний міні-listicle з великими тонкими золотими цифрами 01·02·03, волосяні роздільники, фото збоку. |
| 4 | UX-агент «Центрований мінімал» v04 | Центрований герой (золотий eyebrow, великий центрований заголовок, CTA), симетрична трійка фото з підписами, центрований блок терміновості з дедлайном + телефоном. |
| 5 | UX-агент «Журнальний розворот» v05 | Асиметричний журнальний макет, зміщений фотоколаж проти жирного заголовка + offer, цінність тонким списком, терміновість кутовим акцентом. |
| 6 | UX-агент «Дедлайн-герой» v06 | Веде терміновість: заголовок + помітна чесна статична плашка «оформіть до 25 серпня» з золотою лінією + годинником, далі цінність і смуга-запевнення про ручну роботу. |
| 7 | UX-агент «Емоційний, цитата» v07 | Відкриття великою емоційною фразою над мʼяким фото вчительки, далі конкретний offer, цінність, терміновість. |
| 8 | UX-агент «Скриня-подарунок» v08 | Offer навколо преміум-подарунка з реальними фото упаковки (скриня/рушник/лист) біля фото вчительки як готовий набір, далі цінність, терміновість. |
| 9 | UX-агент «Від класу веде» v09 | Відкриття на «Один оберіг від усього класу», добровільна спільна подяка без примусу, далі offer/CTA, цінність, терміновість. |
| 10 | UX-агент «Дуотон-трилогія» v10 | Три високі кінопанелі-фото з теплими темними оверлеями під жирним заголовком, кожна несе рядок (offer / ручна робота / від класу), нижче urgency-band. |
| 11 | UX-агент «Компактний зі стрічкою» v11 | Витончена announcement-стрічка зверху (marquee з повагою до reduced-motion), компактний 2-колонковий offer-герой, щільний зведений блок цінність+терміновість. |
| 12 | UX-агент «Портрет-герой + рейка» v12 | Великий портрет вчительки на весь екран + заголовок, слім-рейка з 3 доказів із золотими галочками; ряд цінності, блок терміновості. |
| Візуалізатор фото | zarmilkas-vch-foto | Усі 15 кадрів + рекомендований блок під кожен. |
| База воронки | self-hosted broshky1 | Повна воронка (конфігуратор + кошик), 80 ассетів локально, гарантовано вантажиться. |