Pattern: Fork-Join | Team size: 6 agents
Pirma kartu susitariama dėl brand taisyklių, kanalų specifikacijų ir bendros struktūros, tada komanda išsišakoja į dizaino, copy ir inžinerijos darbus, o pabaigoje sujungiama į vieną gamybinį paketą. Šis modelis gerai veikia, nes kritiniai sprendimai priimami anksti, o gamyba vyksta lygiagrečiai, užtikrinant realius HTML/SVG/PNG failus su QA.
Sukurti reklaminių skydelių (display banner ads) komplektą EcomExpo.eu konferencijai išreklamuoti. Kontekstas: EcomExpo yra Baltijos šalių e-komercijos konferencija, 14-oji edicija, vyks 2026 m. spalio 1 d. Samsung Conference Centre, Tech Zity, Vilniuje. Tikslinė auditorija — e-komercijos verslo savininkai, marketingo vadovai, e-shop operatoriai Lietuvoje, Latvijoje, Estijoje. Renginyje ~800 dalyvių. Tikslas: padidinti bilietų pardavimus ir registracijas per Google Display Network, Meta Ads, LinkedIn Ads ir programatic reklamas. Reikia: (1) konkrečių banner dydžių rinkinio (300x250, 728x90, 160x600, 320x100, 1080x1080, 1080x1350, 1200x628), (2) kelių kreatyvinių krypčių (skirtingos angle'ės — speakers, networking, FOMO, ROI), (3) copy variantų lietuvių ir anglų kalbomis, (4) vizualinės koncepcijos suderintos su EcomExpo prekės ženklu, (5) galutinių paruoštų HTML/SVG/PNG failų produkcijai. Sprendimas turi būti praktiškas — komandos galutinis rezultatas turi būti realiai naudojami banner failai, ne tik strategija.
Create an agent team to sukurti realiai naudojamą reklaminių skydelių (display banner ads) komplektą EcomExpo.eu konferencijai (Baltijos šalių e-komercijos konferencija, 14-oji edicija; 2026-10-01; Samsung Conference Centre, Tech Zity, Vilnius; ~800 dalyvių; auditorija: e-commerce savininkai, marketingo vadovai, e-shop operatoriai LT/LV/EE). Tikslas: didinti bilietų pardavimus ir registracijas per Google Display Network, Meta Ads, LinkedIn Ads ir programmatic.
Bendros sąlygos ir apribojimai
- Viskas turi būti praktiška: galutinis rezultatas = eksportuoti failai produkcijai (PNG/SVG + HTML5 pasirinktiems dydžiams) ir aiškus paketo aprašas.
- Dirbkite šiame repo kaip viename projekte. Visi failai privalo būti sukurti tik šiame kelyje: outputs/agent_teams_demo/ecomexpo_banners_2026/
- Nenaudokite jokios trečiųjų šalių licencijuotos grafikos. Jei reikia „speaker“ vizualų, naudokite neutralius placeholderius (silhuetai/abstraktūs shape’ai) arba „photo placeholder“ rėmelius be realių veidų.
- Jei neturite oficialių EcomExpo brand assetų (logo, fontai), sukurkite „brand-safe“ laikinus pakaitalus ir aiškiai pažymėkite kas yra placeholderis bei ką reikia pakeisti į oficialų. Tikslas: kad banneriai būtų paruošti „drop-in“ pakeitimams (pvz., pakeisti logo.svg).
- Kalbos: LT ir EN. (Nereikia LV/EE lokalizacijų.)
- Reikalingi dydžiai (vienodi abiem kalboms ir 4 angle’ams): 300x250, 728x90, 160x600, 320x100, 1080x1080, 1080x1350, 1200x628.
- Angle’ai (kūrybinės kryptys): Speakers, Networking, FOMO, ROI.
- Kanalai: GDN/programmatic (HTML5 + PNG), Meta/LinkedIn (PNG; 1200x628 ir 1080x1080/1080x1350).
Komandos modelis: Fork-Join
- Pirma: bendras susitarimas dėl brand taisyklių, kanalų specifikacijų ir bendros struktūros (vienas „source of truth“ dokumentas).
- Tada: paraleliai (fork) vyksta copy, dizaino šablonų ir produkcijos/HTML inžinerijos darbai.
- Galiausiai: join į vieną gamybinį paketą su QA, failų inventorizacija ir naudojimo instrukcija.
Agentai ir jų atsakomybės (vykdykite tiksliai)
1) Project Orchestrator
- Suvaldykite apimtį, failų struktūrą, pavadinimus, variantų sistemą.
- Koordinuokite fork/join, priverstinai įvardinkite priklausomybes (“This task must complete before X begins”).
- Užtikrinkite, kad galutinis paketas atitinka visus reikalavimus: 4 angle’ai × 7 dydžiai × 2 kalbos = 56 statiniai PNG (minimum) + HTML5 komplektas pasirinktiems dydžiams.
- Sukurkite galutinį „release checklist“ ir sujunkite rezultatus į vieną aiškų finalą.
2) Brand Guardian
- Apibrėžkite ir prižiūrėkite EcomExpo vizualinius standartus: spalvos, tipografija (web-safe), logo usage (placeholder), kontrastas, hierarchija, safe areas, accessibility.
- Sukurkite mini brand kitą: spalvų paletė (HEX), tipografinės skalės, grid/safe-area taisyklės kiekvienam formatui, CTA mygtuko stiliai.
- Prižiūrėkite, kad dizainai atrodytų kaip vienas brand’as per visus dydžius ir angle’us.
3) Copy & Localization Editor
- Sukurkite copy matricą LT/EN: Headline, subheadline, CTA, microcopy (data/vieta), optional supportive line.
- Paruoškite copy variantus kiekvienam angle’ui (Speakers/Networking/FOMO/ROI) — mažiausiai:
- 3 LT headline variantai + 3 EN headline variantai kiekvienam angle’ui (12 LT + 12 EN).
- 2 LT subheadline variantai + 2 EN subheadline variantai kiekvienam angle’ui (8 LT + 8 EN).
- 3 CTA variantai LT + 3 CTA variantai EN (bendri, kanalams pritaikomi).
- Nustatykite ilgio taisykles (max simbolių): trumpas (pvz., 728x90), vidutinis (300x250), social (1080x1350). Duokite rekomenduojamus limitus simboliais, kad dizainas neperkrautų.
- Užtikrinkite natūralią kalbą (be pažodinių vertimų), aiškią vertės žinutę, CTA orientuotą į registraciją/bilietus.
4) Design Lead (Master Templates)
- Sukurkite 3 master dizaino šablonus (tam, kad patikimai resizintųsi į visus dydžius):
- Template A: “Speaker/Agenda highlight” (aiški hero zona + text stack).
- Template B: “Networking/Community” (people/abstract shapes + badges).
- Template C: “ROI/FOMO” (big number/badge + urgency block).
- Kiekvienas master turi turėti aiškią hierarchiją: logo zona, headline/subheadline zona, event details (date/location), CTA.
- Paruoškite kaip vektorinius šaltinius (SVG) su keičiamais tekstais (ids/classes) ir aiškiais layer pavadinimais.
5) Production Designer (Resizes + Assets)
- Remdamiesi master šablonais, pagaminkite visus 7 dydžius kiekvienam angle’ui ir abiem kalboms (56 statiniai PNG).
- Paruoškite assetus: background patterns, abstract shapes, icons (networking, chart/ROI, calendar, map-pin), speaker placeholders (neutral), CTA button states (default/hover jei reikia HTML).
- Užtikrinkite įskaitomumą: kontrastas, min. font size, safe areas, no-crop.
- Eksportuokite:
- PNG: 1x (tikslūs px) visiems 56.
- SVG: kiekvienam final banneriui (56) kaip redaguojamas source (jei per daug, minimaliai: 3 master SVG + 56 „compiled“ SVG; bet pirmenybė — 56 SVG, kad būtų lengva koreguoti).
- Pavadinimai turi tiksliai atitikti Orchestrator taisykles.
6) HTML5 Engineer + QA
- Sukurkite HTML5 animuotus arba statinius (jei animacija per daug rizikinga) bannerius šiems dydžiams (abu kalbų variantai ir bent 2 angle’ai):
- 300x250 (LT+EN, ROI + FOMO) = 4 vnt
- 728x90 (LT+EN, ROI + FOMO) = 4 vnt
- 160x600 (LT+EN, ROI + FOMO) = 4 vnt
- 320x100 (LT+EN, ROI + FOMO) = 4 vnt
Iš viso: 16 HTML5 vienetų.
- Reikalavimai HTML5:
- clickTag palaikymas (window.clickTag arba getUrlParams), atsidarymas naujam tab.
- Be išorinių priklausomybių (no CDN). Viskas lokaliai.
- Responsive nereikia; kiekvienas konkretus size turi fiksuotą canvas.
- Dydžių atitikimas pikselių tikslumu.
- Naudokite CSS animacijas (jei animuojate) iki 10–15s loop, subtilu; jei neanimuojate, padarykite „hover“ CTA (neprivaloma).
- Paruoškite ZIP-ready struktūrą kiekvienam HTML banneriui.
- QA:
- Patikrinkite, kad tekstas neišeina už ribų, logo neapkarpytas, CTA matomas.
- Patikrinkite, kad clickTag veikia.
- Paruoškite QA ataskaitą su checklist ir rasta/nerasta problemomis.
Bendras failų medis (privalomas)
Sukurkite tiksliai šią struktūrą ir pildykite failais:
- outputs/agent_teams_demo/ecomexpo_banners_2026/
- README.md
- 00_project_brief.md
- 01_brand/
- brand_guidelines.md
- palette.md
- typography.md
- logo_placeholder.svg
- 02_copy/
- copy_matrix.md
- copy_strings.json
- 03_design_sources/
- masters/
- master_A_speakers.svg
- master_B_networking.svg
- master_C_roi_fomo.svg
- components/
- icons.svg
- shapes.svg
- cta_buttons.svg
- 04_static_exports/
- png/
- LT/
- speakers/
- networking/
- fomo/
- roi/
- EN/
- speakers/
- networking/
- fomo/
- roi/
- svg/
- LT/ (tokia pati struktūra kaip png)
- EN/ (tokia pati struktūra kaip png)
- 05_html5_exports/
- 300x250/
- roi/LT/
- roi/EN/
- fomo/LT/
- fomo/EN/
- 728x90/ (tokia pati struktūra)
- 160x600/ (tokia pati struktūra)
- 320x100/ (tokia pati struktūra)
- qa_report.md
- 06_release/
- inventory.csv
- production_notes.md
- preflight_checklist.md
Privalomos pavadinimų taisyklės (taikyti PNG ir SVG)
- Failo šablonas:
ecomexpo_2026-10-01_[LANG]_[ANGLE]_[WIDTH]x[HEIGHT]_v1.png
ecomexpo_2026-10-01_[LANG]_[ANGLE]_[WIDTH]x[HEIGHT]_v1.svg
- LANG: LT arba EN
- ANGLE: speakers, networking, fomo, roi
- Pvz.: ecomexpo_2026-10-01_LT_roi_300x250_v1.png
Turinio privalomi elementai visuose baneriuose
- Event name: “EcomExpo” (arba “EcomExpo.eu” jei telpa; nuspręsti brand doc’e ir taikyti nuosekliai)
- Date: “2026 10 01” (LT) ir “Oct 1, 2026” (EN) (galite siūlyti alternatyvą, bet vieną pasirinkite ir suvienodinkite)
- Location: “Samsung Conference Centre, Tech Zity, Vilnius”
- CTA (pvz., “Pirkti bilietą” / “Get tickets” arba “Registruotis” / “Register” — parinkti pagal copy matricą)
- URL tekstu (nebūtinai kaip klik. linkas statiniuose): “EcomExpo.eu”
- Pastaba: bilietų kainų neminėkite (neturime patvirtinimo), nebent naudojate neutralų “Early bird” be kainos ir aiškiai pažymite kaip optional.
Bendras darbo planas su priklausomybėmis (vykdykite eilės tvarka)
PHASE 0 — Kickoff (visi agentai kartu)
- Project Orchestrator sukuria outputs/agent_teams_demo/ecomexpo_banners_2026/00_project_brief.md (400–700 žodžių) su:
- tikslu, auditorija, kanalais
- formatų sąrašu
- angle’ų aprašais (po 2–3 sakinius)
- „Definition of Done“
- Brand Guardian sukuria 01_brand/brand_guidelines.md (600–900 žodžių) ir palette/typography dokumentus.
- Copy Editor pateikia pirmą copy_matrix.md draft.
- Šis PHASE 0 privalo būti užbaigtas prieš pradedant bet kokius dizaino šablonus ar resize’us. This task must complete before PHASE 1 begins.
PHASE 1 — Fork (paraleliai, bet su aiškiomis priklausomybėmis)
A) Copy track (Copy & Localization Editor)
- Užbaikite 02_copy/copy_matrix.md (min. 900–1400 žodžių) su lentelėmis:
- Columns: Angle, Language, Headline (short/med/long), Subheadline, CTA, Notes (usage)
- Sukurkite 02_copy/copy_strings.json:
- Struktūra: lang -> angle -> {headline_1..n, subheadline_1..n, cta_1..n, details_line}
- Įtraukite „recommended default“ pasirinkimą kiekvienam angle/lang, kurį dizainas naudos kaip v1.
- This task must complete before Production Designer finalizes 04_static_exports and before HTML5 Engineer finalizes text in HTML.
B) Brand track (Brand Guardian)
- Užbaikite 01_brand/* ir pateikite:
- safe area rekomendacijas kiekvienam size (min px nuo krašto)
- kontrasto taisykles (minimum ratio target; praktinė taisyklė)
- CTA button spec (radius, padding, min size)
- This task must complete before Design Lead locks master templates.
C) Design templates track (Design Lead)
- Sukurkite 3 master SVG šablonus (03_design_sources/masters/*) remdamiesi brand ir copy taisyklėmis.
- Kiekvienam master pridėkite komentarus SVG viduje (arba companion notes file) su:
- kur keičiasi headline/subheadline/CTA
- kokie layout variantai naudojami horizontaliems vs vertikaliems formatams
- This task must complete before Production Designer begins mass resizes.
D) HTML5 scaffolding track (HTML5 Engineer + QA)
- Kol laukiate galutinių dizainų, paruoškite HTML5 banner „starter kit“ (lokaliai kiekviename size folderyje):
- index.html, styles.css, script.js
- clickTag implementacija
- placeholder background ir placeholder copy (vėliau pakeisti)
- This task must complete before integrating final exported assets.
PHASE 2 — Production (Resizes + asset finalization)
- Production Designer:
- Iš master’ų pagaminkite 56 statinius PNG + 56 SVG (arba 3 master + 56 compiled SVG; prefer 56 SVG).
- Užtikrinkite failų pavadinimus ir folderių struktūrą.
- Padarykite vizualinę QA savikontrolę: kiekvienam angle bent po 2 dydžius peržiūrėkite ypač (728x90, 160x600, 1080x1350).
- This task must complete before HTML5 Engineer can finalize HTML versions (needs final assets and final copy choices).
PHASE 3 — HTML5 integration + QA
- HTML5 Engineer:
- Integruokite final PNG/SVG (pasirinkite vieną: rekomenduotina PNG kaip background image arba inline SVG) į 16 HTML5 vienetų.
- Tekstą laikykite HTML/CSS (geriau redaguojama) ARBA „baked-in“ į assetus; bet pasirinkimą dokumentuokite production_notes.md.
- Užtikrinkite, kad kiekvienas HTML banneris turi vieną aiškų click area.
- Jei animuojate: max 2–3 subtilios fazės (pvz., headline fade-in, CTA pulse), loop <= 15s.
- Paruoškite 05_html5_exports/qa_report.md (400–800 žodžių) su:
- test environment
- clickTag test rezultatai
- vizualinės atitikties pastabos
- žinomos rizikos (pvz., fontų fallback)
PHASE 4 — Release packaging (Project Orchestrator)
- Sukurkite 06_release/inventory.csv su stulpeliais:
- asset_type (png/svg/html)
- lang
- angle
- size
- file_path
- notes (pvz., “HTML5 includes animation”)
- Sukurkite 06_release/preflight_checklist.md (bullet list, 25–40 punktų) skirta prieš keliant į ad platformas.
- Sukurkite 06_release/production_notes.md (500–900 žodžių) su:
- kaip pakeisti logo (placeholder -> official)
- kaip keisti copy (kur JSON, kur SVG text)
- rekomenduojami UTM parametrai (pavyzdys, be privalomumo)
- platformų eksporto pastabos (GDN vs Meta vs LinkedIn)
- Atnaujinkite root README.md (600–1000 žodžių) su:
- kas yra pakete
- kaip naudoti
- greitas „map“: kurie failai skirti kuriems kanalams
- „Known placeholders“ sąrašas
Collaboration mechanics (privaloma)
- Kiekvienas agentas, užbaigęs savo dalį, įrašo trumpą „handoff“ skyrelį atitinkamo failo pabaigoje: “Handoff to other agents” su 5–10 bullet’ų: kas nuspręsta, kas jautru, kas turi būti suderinta.
- Kiekvienas agentas privalo bent kartą „challenge“ kito agento sprendimą:
- Brand Guardian peržiūri 3 master šablonus ir pateikia 5 konkrečias pastabas (kontrastas, safe areas, tipografija).
- Copy Editor peržiūri bent 2 pagamintus resize’us (pasirinkti 728x90 ir 160x600) ir pateikia 5 pastabas apie skaitomumą/ilgio limitus.
- HTML5 Engineer peržiūri 2 statinius PNG ir pasiūlo 3 technines optimizacijas (failo svoris, render, click area).
- Konfliktų sprendimas: Project Orchestrator priima galutinį sprendimą ir užfiksuoja jį 00_project_brief.md “Decisions log” skyriuje.
SYNTHESIS / REVIEW (privaloma pabaigoje)
- Visi agentai kartu atlikite finalinę peržiūrą ir sukurkite outputs/agent_teams_demo/ecomexpo_banners_2026/FINAL_REVIEW.md (900–1400 žodžių) su griežta struktūra:
1) Summary of what’s delivered (skaičiais: kiek PNG, kiek SVG, kiek HTML)
2) Brand consistency review (kas gerai, kur rizikos)
3) Copy review (LT/EN kokybė, ilgio rizikos, CTA nuoseklumas)
4) Channel readiness (GDN/Programmatic vs Meta vs LinkedIn)
5) QA findings (įskaitomumas, clickTag, failų struktūra)
6) Next-step recommendations (maks 10 bullet’ų)
- Project Orchestrator privalo patikrinti, kad visi failai yra teisinguose path’uose, turi teisingus pavadinimus, ir kad inventory.csv sutampa su realiai egzistuojančiais failais.
Create your own AI agent team at Build Agents Store. Describe your business problem and get specialized agent teams with ready-to-use prompts for Claude Code.