hermoso
Log ind Kom i gang
MCP & CLI
APIPriser
Log ind Kom i gang

App-UI-gennemgang

Rigtige app-skærmbilleder renderet inde i en CSS-iPhone-mockup (afrundet krop, metallisk kant, dynamisk ø, skærmrefleks), svævende på en blød brandfarvet scene, mens gennemgangen bevæger sig gennem skærmene.

Den er en af 13 native HTML-annonceskabeloner i Hermoso, formater renderet fra rigtig markup af en browser i stedet for genereret af en model. Denne udsender en video med 4 tekstfelter, du udfylder, og den kræver 2 app-skærmbilleder fra dit brand, før den kører.

Hvornår du skal bruge det

App-installationskampagner og softwarelanceringer. Det er app-brandets svar på en produktfilm, og den eneste måde at vise en grænseflade på uden at en model opfinder en.

Det vigtigste at få rigtigt

Grænsefladen renderes som DOM fra dine rigtige skærmbilleder, så den er pixelperfekt og læsbar. To skærme er minimum; en gennemgang af én skærm er en statisk annonce.

Formatet i overblik

  • Output: en video.
  • Tekstfelter: 4, hver med sit eget tegnbudget, udledt af layoutet frem for gættet.
  • Krævede filer: 2 app-skærmbilleder.
  • Skabelon-id: app-ui-tour.

Sådan renderes denne skabelon

Intet her genereres af en billed- eller videomodel. Formatet er en selvstændig HTML-side, hvis animation er en ren funktion af tid, uden CSS-keyframes, timere eller tilfældighed. Renderen stepper siden billede for billede i headless Chrome, screenshotter hver frame og samler dem med ffmpeg til en H.264-fil, der slutter med en crossfade til dit brands slutkort.

To ting følger af det. Renderen er deterministisk: de samme input giver den samme fil, så et format, der så rigtigt ud i går, ser rigtigt ud i dag. Og hvert ord på skærmen er rigtig browser-renderet tekst, hvilket betyder, at teksten er præcis og skarp i enhver opløsning. Det hele koster et par credits frem for en videogenerering, og det er det, der gør disse formater praktiske at køre i stor skala.

Hvor mange skærme skal en gennemgang have?

Mindst to. En gennemgang af én skærm er en statisk annonce med en telefon tegnet omkring sig. Skærmene er dine rigtige skærmbilleder, renderet som browser-DOM inde i en CSS-iPhone, så grænsefladen forbliver læselig i stedet for at blive opfundet.

Alle 13 står på indekset over native annonceskabeloner, og det bredere katalog ligger på indekset over kreative opskrifter.

App-UI-gennemgang-skabelonen kan nås fra Claude, Cursor, Codex eller enhver anden MCP-klient såvel som fra webstudiet, med samme brandgrundlag. Sådan styrer du et format fra en agent dækker opsætningen.

Render en nativt formateret annonce for et par credits. Gratisplanen kræver intet kort.

Start gratis →   Se priser