얻을 수 있는 것

  • 1080x1080, 24fps MP4 34초(간편 버전 23초)
  • 모프 노드 하나와 3x3 벽 위의 카메라가 있는 작동하는 정사각형 필름 템플릿
  • 네 가지 모프 기하 구조 설명, 여덟 비트 스토리보드, 이음새 목록
  • 문구 예산 점검 도구와 프로젝트 시작 스크립트
  • 선택: PopNow 결과 이미지, 배경음악, 인터페이스 효과음

이럴 때 좋아요

  • 두 도구 사이의 연동, 내보내기, 보내기 동작
  • 정사각형 영상을 보여 주는 피드와 프로필 그리드 게시물
  • 에이전트 인계를 하나의 단순한 동작으로 보여 주기

이럴 때는 맞지 않아요

  • 랜딩 페이지 히어로나 16:9로 보는 모든 것
  • 페이지가 반응할 입력이 없는 기능
  • 서면 허가 없이 다른 회사의 인터페이스를 재현하기

사용 방법

Claude·ChatGPT에서

PopNow 스킬 사용: “정사각형 UI 모프 홍보”(square-ui-morph-promo). 할 일: 우리 메모 앱은 이제 버튼 하나로 메모를 이미지 도구에 보냅니다. 피드용 정사각형 런치 필름을 만들어 주세요.

코딩 에이전트에서

/popnow-square-ui-morph-promo 우리 메모 앱은 이제 버튼 하나로 메모를 이미지 도구에 보냅니다. 피드용 정사각형 런치 필름을 만들어 주세요.

이어서 해 보기

답을 위한 커버 이미지 세 장과, 뒤로 물러날 때 올라가는 배경음의 견적을 알려 주세요.

23초 간편 컷을 만들어 주세요.

미리 준비할 것

  • 두 도구와 그것을 잇는 동작
  • 페이지가 반응할 단어 하나가 들어간 실제 요청
  • 벽에 쓸 세션 이름(실제이거나 분명히 허구인 것)
  • Node.js 22 이상, FFmpeg

비슷한 스킬

전체 보기 →

자주 묻는 질문

왜 정사각형인가요?

이 필름은 1:1 영상을 보여 주는 피드를 위해 구성되었습니다. 스킬은 먼저 어디에 올릴지 묻습니다. 넓은 페이지라면 정사각형에 레터박스를 넣기보다 다른 필름을 권합니다.

모프가 정말 요소 하나인가요?

네. 버튼, 프롬프트 카드, 선택지가 있는 카드, 접힌 한 줄이 모두 하나의 요소이며, 같은 이징으로 네 가지 기록된 모양을 지나갑니다. 그래서 물건이 바뀌는 것이 아니라 하나의 사물이 변하는 것으로 보입니다.

뒤로 물러나는 장면에서는 무엇이 일어나나요?

필름은 내내 아홉 장짜리 벽의 카드 한 장 안에서 재생되고 있었습니다. 카메라가 원래 크기로 돌아오고, 내가 본 카드는 색과 결과를 유지한 채, 카메라가 다른 카드로 뛰어듭니다.

파트너의 인터페이스를 보여 줄 수 있나요?

서면 허가가 있을 때만 가능합니다. 그렇지 않으면 스킬은 그 화면에 중립적인 종이 카드를 쓰고, 인계 문서에 그렇게 적습니다.