Tur al interfeței aplicației

Este unul dintre cele 13 șabloane native de anunțuri HTML din Hermoso, formate randate din markup real de un browser, nu generate de un model. Acesta produce un video, cu 4 spații de text pe care le completezi, și are nevoie de 2 capturi de ecran ale aplicației din brandul tău înainte să ruleze.

Când să-l folosești

Campanii de instalare a aplicațiilor și lansări de software. Este răspunsul pentru brandurile de aplicații la un film de produs și singura cale de a arăta o interfață fără ca un model să o inventeze.

Ce trebuie făcut corect

Interfața este DOM randat din capturile tale reale, deci este exactă la pixel și lizibilă. Două ecrane este minimul; un tur cu un singur ecran este un anunț static.

Formatul pe scurt

• Rezultat: un video.
• Spații de text: 4, fiecare cu propriul buget de caractere, stabilit din aspectul layout-ului, nu ghicit.
• Materiale necesare: 2 capturi de ecran ale aplicației.
• ID-ul șablonului: app-ui-tour.

Cum se randează acest șablon

Nimic de aici nu este generat de un model de imagine sau video. Formatul este o pagină HTML autonomă a cărei animație este o funcție pură de timp, fără keyframe-uri CSS, cronometre sau aleatoriu. Randatorul derulează pagina cadru cu cadru în Chrome headless, face o captură pentru fiecare cadru și le asamblează cu ffmpeg într-un fișier H.264 care se termină printr-o trecere lină către cartonul final al brandului tău.

Două lucruri decurg din asta. Randarea este deterministă: aceleași intrări produc același fișier, deci un format care arăta bine ieri arată bine și azi. Și fiecare cuvânt de pe ecran este text real randat de browser, ceea ce înseamnă că textul este exact și rămâne clar la orice rezoluție. Totul costă câteva credite, nu o generare video, ceea ce face ca aceste formate să fie practice la volum.

Câte ecrane are nevoie un tur?

Cel puțin două. Un tur cu un singur ecran este un anunț static cu un telefon desenat în jur. Ecranele sunt capturile tale reale, randate ca DOM de browser în interiorul unui iPhone CSS, deci interfața rămâne lizibilă în loc să fie inventată.

Celelalte șabloane native

• Dezvăluire Apple Notes
• Carusel de produs AirDrop
• Carusel de brand
• Vinietă cinematografică
• Dezvăluire conversație ChatGPT
• Anunț de beneficii animat

Toate cele 13 sunt listate în indexul șabloanelor native de anunțuri, iar catalogul mai larg se află în indexul rețetelor creative.

Șablonul tur al interfeței aplicației poate fi accesat din Claude, Cursor, Codex sau orice alt client MCP, la fel ca din studioul web, cu aceeași ancorare în brand. Conducerea unui format de la un agent acoperă configurarea.