Заглавна секция за сайта: жива сцена и AI фон

Кажи на агента

Търси в СЦЕНА само сред сцените от моя план, с ЕДНА дума на заявка: първо „[hero]“, после „[частици]“, после „[фон]“. За всяка дума ми кажи колко сцени излизат. От всички ми покажи до 6, които стават за заглавна секция върху снимка: тъмен фон и светло заглавие или движение. За всяка ми кажи името, за какво е, картинката за преглед, дали има поле за заглавие и как се сменя цветът. Кажи ми и какъв е планът ми и колко сцени включва. Нищо не сваляй.

Кажи на агента

Покажи ми всичко за сцената [име на сцената], без да я зареждаш: всичките ѝ полета с името, вида (текст, цвят, число или избор), стойността по подразбиране и границите, например колко знака побира заглавието. При поле с избор ми дай точните стойности, например за тъмен и светъл режим. Ако има варианти, изброй ги с id-тата им. Дай ми връзката към видеото за преглед.

Кажи на агента

Зареди [име на сцената] с вариант [id на варианта или „без вариант“]. Заглавие „[твоето заглавие]“, подзаглавие „[твоето подзаглавие]“, цветът на бранда [#40c288] и тъмен режим, ако сцената има такъв. Ако сцената има поле за цвят, подай кода точно така. Ако има само „Тон“ (число в границите, които сцената обяви), превърни цвета ми в тон и подай числото. Подавай само полетата, които сцената обяви. Веднага запиши index.html и всички файлове по относителните им пътища в ./site/hero, а до тях LICENSES.txt. Сваляй, преди да правиш каквото и да е друго: част от връзките изтичат след 15 минути. Кажи ми колко файла свали и ми покажи реда с моето заглавие.

Кажи на агента

Преди да вграждаш, пусни малък локален сървър в ./site/hero и отвори index.html в браузъра, не с двоен клик върху файла. Направи снимка на екрана и я сравни с видеото за преглед. Кажи ми дали се движи, дали заглавието и цветът са моите и дали има грешки в конзолата. Кажи ми и дали фонът на сцената е тъмен, а заглавието и движението светли. Ако не са, кажи ми кое поле да сменим.

Кажи на агента

Сега фонът под сцената. Провери баланса ми и цената на Seedream 5 Lite в 4K. После направи с него фотореален кадър 16:9 в 4K: [какво има на фона, напр. мъглива борова гора призори], тъмен и приглушен, светлина отдясно, а [лявата] половина спокойна и най-тъмна: там ще стои заглавието. Без текст, без букви, без лого и без хора. Цветовете кажи с думи ([тъмнозелено и мед]), не с кодове. Промпта към модела пиши на английски, като фотограф: апарат, обектив, светлина с посока. Кажи ми цената, преди да поръчаш.

Кажи на агента

Свали веднага фона в пълен размер в ./site/fon, по връзката от поръчката. Ако връзката е изтекла, вземи нова от последните ми генерации. Кажи ми реалния размер в пиксели и формата на файла. Ако е JPEG с разширение .png, преименувай го на .jpg. Това е оригиналът: не го променяй, копията ще правим от него.

Кажи на агента

Вгради заглавната секция най-отгоре в [./site/index.html]. Фонът от ./site/fon е най-отдолу и покрива цялата секция. Сцената от ./site/hero стои отгоре, в изолирана рамка (sandbox iframe) със същия размер като секцията. В рамката позволи само скриптовете, а ако сцената има бутони, и отварянето на страница при клик (allow-top-navigation-by-user-activation). На бутоните сложи адресите [https://твоят-сайт.bg/…] с target=_top: в заготовката те са без адрес. На рамката сложи смесване screen (mix-blend-mode: screen), за да се вижда снимката през тъмното на сцената. Рамката няма свой произход и браузърът тегли шрифтовете на сцената като чужди, затова сървърът трябва да връща за ./site/hero разрешението Access-Control-Allow-Origin: *. Пусни локалния сървър с него и ми кажи какво да добавя на хостинга. На тесен екран фонът да показва частта, върху която ляга заглавието. Не пипай нищо друго в страницата и ми покажи какво си променил.

Кажи на агента

Пусни ./site през локален сървър с разрешението от стъпка 7 и направи снимки на екрана в два размера: 1 440 × 900 като на лаптоп и 390 × 844 като на телефон. Покажи ми ги в реален размер. Кажи ми: чете ли се заглавието, вижда ли се фонът през сцената, четат ли се буквите на бутоните, има ли хоризонтален скрол, излиза ли нещо встрани, движи ли се сцената, има ли грешки в конзолата. На телефона ми кажи и коя част от фона се вижда.

Кажи на агента

Измери колко тежи страницата при първо отваряне: брой заявки и общо мегабайти от мрежовия панел на браузъра. После олекоти: от оригиналния фон направи WebP с ширина 2 560 px за голям екран и 1 280 px за телефон, а страницата да тегли подходящия според екрана. Файловете в ./site/hero, които страницата не зарежда, премести в ./site/hero-izlishni, не ги трий. LICENSES.txt, а ако ги има, папката ЛИЦЕНЗИ и ПРОЧЕТИ-МЕ.txt остават, дори страницата да не ги зарежда. Измери пак, провери, че сцената работи, и ми покажи двете числа: преди и след.

Кажи на агента

Запиши паспорта на секцията в ./site/hero/README.md: id на сцената и варианта, всички настройки, които подадохме, плана, в който е сцената, как е вградена (рамката, смесването screen и разрешението Access-Control-Allow-Origin на сървъра), id-то, модела и промпта на фона и откъде са лицензите. Покажи ми и реда в index.html, в който стоят настройките на сцената, за да сменям заглавието сам.