Co dostajesz
- MP4 1080x1080, 24 fps, 34 s (23 s lite)
- Działający kwadratowy szablon filmu z jednym węzłem przekształcania i kamerą nad ścianą 3x3
- Cztery zapisane geometrie przekształcenia, ośmiotaktowy storyboard i rejestr połączeń
- Sprawdzacz budżetu tekstu i skrypt startowy projektu
- Opcjonalnie: obrazy wyników, podkład muzyczny i dźwięki interfejsu z PopNow
Sprawdzi się przy
- Integracje, eksporty i akcje „wyślij do” między dwoma narzędziami
- Posty w feedzie i siatkach profili, które pokazują kwadratowe wideo
- Pokazanie przekazania pracy agentowi jako jednego prostego gestu
Nie nadaje się do
- Hero strony lądowania albo wszystko oglądane w 16:9
- Funkcje, w których nic nie jest wpisywane, na co strona mogłaby zareagować
- Odtwarzanie cudzego interfejsu bez pisemnej zgody
Jak z niej korzystać
W Claude lub ChatGPT
Użyj umiejętności PopNow „Kwadratowe promo z przekształcaniem interfejsu” (square-ui-morph-promo) do tego: Nasza aplikacja z notatkami wysyła teraz notatkę do naszego narzędzia graficznego jednym przyciskiem. Zrób kwadratowy film premierowy na nasz feed.
W agencie do programowania
/popnow-square-ui-morph-promo Nasza aplikacja z notatkami wysyła teraz notatkę do naszego narzędzia graficznego jednym przyciskiem. Zrób kwadratowy film premierowy na nasz feed.
Potem spróbuj
Wyceń trzy obrazy okładek na odpowiedź i podkład, który się podnosi przy cofnięciu.
Zrób 23-sekundową wersję lite.
Co przygotować
- Dwa narzędzia i akcję, która je łączy
- Prawdziwe żądanie z jednym słowem, na które strona może zareagować
- Nazwy sesji na ścianę, prawdziwe albo wyraźnie zmyślone
- Node.js 22+ i FFmpeg
Podobne umiejętności
Zobacz wszystkie →Film startowy z ekipą agentów
+3Postacie-pomocnicy na ciepłym papierze, zadania w telefonie i umiejętność, która wykluwa nowego pomocnika.
Demo wideo chatbota AI
+3Narracyjne demo w ciemnej aplikacji czatu: włączasz integrację, zadajesz pytanie, dostajesz wynik i licznik.
Film premierowy produktu AI
+3Spokojny film premierowy w stylu keynote, z prawdziwej strony i interfejsu produktu, cięty do rytmu muzyki.
Animowane demo produktu z listą kontrolną
+3Papierowa lista obok ekranu telefonu; każde pole zaznacza się w chwili, gdy krok dzieje się na ekranie.
Wideo promocyjne aplikacji mobilnej
+310–13-sekundowa promocja aplikacji; siedem ujęć płynie jednym ruchem kamery, zakodowane w HTML i GSAP.
Film hype w stylu glitch ASCII
+3Klatki z komórek ASCII, ramki śledzenia i słowa z matrycy punktowej, cięte co dziesiątą sekundy do logo.
Film premierowy porównania przed i po
+3Prawie czarne tło, nazwy plików i jeden akcent: twoja treść najpierw jako strona, potem jako film.
Wideo promocyjne w stylu rysunku technicznego
+3Twoje twierdzenie narysowane na czarnym arkuszu specyfikacji: ramki z figurami, kreskowanie i tabliczka.
Wideo objaśniające changelog
+3Zamień prawdziwy pull request w 30-sekundowy film dla ludzi, którzy nigdy nie przeczytają zmian.
Film premierowy w jednym wątku czatu
+3Jedno okno czatu na ciepłym papierze, które się nie resetuje: pytanie, poprawka, wynik.
Filmowy teaser interfejsu ciemnego
+3Twój interfejs w czarnej pustce: płynąca kamera, ostra linia ostrości, wpisana komenda i świecąca nazwa.
Rolka premierowa narzędzia dla deweloperów
+3Jeden prompt wpisany w czterech miejscach, rolka prawdziwych wyników cięta do rytmu i polecenie instalacji.
Wideo produktowe SaaS z makietami urządzeń
+3Prawdziwy ekran aplikacji na neutralnym urządzeniu w ciemnym studiu, jedna akcja i jasne odsłonięcie.
Redakcyjne wideo premierowe na ciepłym papierze
+3Wielkie litery na ciepłym papierze, jeden akcent w klatce, uniesiona karta produktu i zwrot w czerni.
Wideo premierowe funkcji: od skargi do odpowiedzi
+3Zacznij od skargi, którą użytkownicy wciąż piszą, a potem pokaż, że nowa funkcja czyni ją nieprawdziwą.
Zabawne wideo problem i rozwiązanie
+3Drobna irytacja gra jako żart, grzeczne prośby się piętrzą, a pomarańczowa pigułka staje się rozwiązaniem.
Wideo premierowe na płótnie z półtonem
+3Film premierowy na jednym żywym płótnie z kropek, które rusza o takt przed każdą linijką tekstu.
Wideo infografiki rysowanej ręcznie
+3Panele flamastrem na jednym plakacie, narysowana trasa, po której podąża kamera, i odjazd na cały arkusz.
Zasoby AI dla HyperFrames
+3Obrazy hero, B-roll, podkłady muzyczne i lektor do filmów HyperFrames, wycenione z góry i zapisane w assets/.
Film premierowy produktu
+3Wideo premierowe 20–40 s z twojego URL albo README, z gotowym tekstem do publikacji i trzema proporcjami.
Płynne odsłonięcie logo
+3Szklana kropla niesie twój znak, nieczytelny, potem pęka i zostawia ostre logo.
Wideo premierowe w wielu stylach, szablon keynote
+3Każda możliwość w swoim świecie: niebieski wykres, kremowa strona z szeryfem, ciemne światło, siatka plakatów.
Wielojęzyczne wideo premierowe
+3Nazwa produktu stoi w miejscu, a każdy język wjeżdża we własnym piśmie, z lektorem i napisami.
Wideo objaśniające z lektorem
+3Objaśnienie 45–120 s z lektorem i napisami zsynchronizowanymi ze słowami, w stylu kolażu, tablicy albo danych.
Animacja naukowa z wycinanki papierowej
+3Warstwy papieru w pudełku z cieniem, wycinane Słońce i Księżyc, etykiety na sznurkach: jedna idea z lektorem.
Wideo ogłoszenia partnerstwa
+3Prezenter w oknie z obramowaniem, dwa logo na karcie, wpisana konfiguracja i czasowniki na sygnał.
Wideo promocyjne w pixel arcie
+3Retro film w pixel arcie o twoim produkcie, rysowany klatka po klatce z linku, pitchu albo historii.
Wideo premierowe z pluszowymi postaciami
+3Pluszowe postacie z filcu jeżdżą na kursorach i składają promocję na żywo, każde cięcie w rytm.
Promo odsłonięcia od ciszy do dźwięku
+3Przycisk wciśnięty trzy razy w ciszy, potem to samo ujęcie z dźwiękiem, a na końcu z muzyką.
Animacja książeczki z papierowymi wycinankami
+3Książka obrazkowa, która się rusza: wycinanki z filcu i modeliny, warstwowe wzgórza, słowa po kolei.
Generator wideo z opiniami klientów
+3Płyty z portretami i uniesiona karta cytatu na ciepłym papierze, jeden turkusowy akcent, spokojne przenikanie.
Tekst za osobą jako tytuł
+3Ogromny nagłówek wbija się za osobę przed kamerą, a po czystym cięciu przejmuje kadr.
Promo typografii z teksturami materiałów
+3Litery nagłówka z lastryko, cegły i stali, zmieniające powierzchnię co 3 klatki na ciepłym moodboardzie.
Wideo animacji tablicy suchościeralnej
+3Pisak rysuje całą lekcję na jednej tablicy, wymazuje mit, a potem odsuwa kamerę do gotowej tablicy.
Pytania
Dlaczego kwadrat?
Film jest komponowany dla feedów pokazujących wideo 1:1. Umiejętność najpierw pyta, gdzie będzie opublikowany; dla szerokiej strony poleca inny film zamiast obramowywać kwadrat.
Czy przekształcenie to naprawdę jeden element?
Tak. Przycisk, karta z promptem, karta z opcjami i zwinięta linia to jeden element przechodzący przez cztery zapisane kształty z jedną krzywą wygładzania, więc widzowie widzą zmianę jednego obiektu, a nie podmianę rzeczy.
Co dzieje się przy cofnięciu?
Film cały czas odtwarzał się w jednej karcie na ścianie dziewięciu kart. Kamera wraca do normalnego rozmiaru, karta, którą oglądałeś, zachowuje kolor i wyniki, a potem kamera nurkuje w inną kartę.
Czy może pokazać interfejs mojego partnera?
Tylko z pisemną zgodą. W przeciwnym razie umiejętność używa neutralnej papierowej karty dla tej powierzchni i mówi o tym w przekazaniu.