키네틱 제품 프로모션 모션 디자인 프롬프트
제품 프로모션을 위해 Claude Opus 5.5가 결정론적 코드 기반 키네틱 타이포그래피 및 UI 애니메이션을 생성하도록 설계된 상세한 시스템 프롬프트 구조입니다.
프롬프트
<inputs>
다음 정보를 요청하세요:
• 제품명 + URL
• 제품 스토리를 전달하는 8~12개의 UI 상태
• 각 상태에서 표시되는 실제 데이터
• 브랜드 색상 + 폰트 + 강조 색상(accent color)
• 필수 형식 (1:1, 16:9, 9:16)
</inputs>
<rules>
하나의 HTML 파일. 하나의 캔버스
하나의 draw(t) 함수
CSS 트랜지션 금지
타이머 금지
프레임 간 상태 유지 금지
하나의 도형, 절대 분할하지 않음
모든 상태는 동일한 요소가 크기, 반지름, 색상을 변경하며 내용이 교체됨
커서가 실제 클릭, 타이핑, 드래그를 통해 시퀀스를 제어함
실제 UI. 실제 데이터. 플레이스홀더 없음.
</rules>
<structure>
120 BPM 그리드
매 비트마다 무언가가 발생해야 함
로고 → 버튼 → 핸들 필드 → “당신인가요?” → 로더 → 핀 → 사용자로 채워지는 지구본 → 매치 → 탭 → RSVP → 검색 → 로고
</structure>
<motion>
모든 곳에 미세한 오버슈트(overshoot)만 포함된 클로즈드폼(closed-form) 스프링 사용.
값의 대상이 여러 번 변경될 경우, 변경마다 하나의 스프링 합산
내용은 컨테이너 변형이 시작된 후 진입하고 다음 변형 전에 이탈하여 텍스트가 겹치지 않도록 함
전환 시 짧은 블러(blur) 효과 사용
검정색에서 강조 색상으로 직접 페이드하지 않음. 대신 상태 간에 강조 요소를 이동시킴
탭 인디케이터는 각 가장자리를 다른 스프링에 연결하여 늘림
카메라 줌을 조정하여 모든 상태가 프레임을 가득 채우도록 함
마지막 프레임을 첫 프레임과 동일하게 만들어 전체 루프가 자연스럽게 이어지도록 함
</motion>
<export>
먼저 비트당 한 프레임씩 렌더링하여 콘택트 시트(contact sheet) 생성
좁거나 깨진 부분 수정
그런 다음 헤드리스 Chrome(headless Chrome)에서 60fps로 모든 프레임 렌더링, 모션 블러를 위해 평균 6개 서브프레임 사용
ffmpeg로 파이프라인 처리:
H.264 + yuv420p
모든 종횡비(aspect ratio)를 병렬로 내보내기
</export>
이 프롬프트 사용법
- 1
위의 전체 프롬프트를 복사하세요.
- 2
Claude Opus 5.5을 지원하는 플랫폼(예: YouMind)을 열고 프롬프트를 붙여넣으세요.
- 3
원하는 아이디어에 맞게 주제, 스타일, 세부 정보를 바꾼 뒤 생성하세요.
이것은 YouMind 프롬프트 라이브러리의 무료 AI 프롬프트입니다. 복사하고 변형해 쓸 수 있는 수천 개의 동영상 프롬프트가 더 있습니다.
더 많은 동영상 프롬프트 보기
더 많은 프롬프트 기능
AI 라이브러리
AI 프롬프트 검색
AI가 수만 개의 프롬프트를 검색해줍니다. 모델·기간·키워드로 필터링하고 노출, 북마크, 리포스트 등 인기 지표로 정렬할 수 있어요.
비전 도구
이미지를 프롬프트로
어떤 사진이든 상세한 AI 이미지 프롬프트로 변환하세요. 무료 Image to Prompt 변환기가 구도, 스타일, 조명을 분석해 몇 초 만에 같은 느낌을 재현할 수 있습니다.
크리에이터를 위해, 영원히 무료.
YouMind는 전 세계 크리에이터가 신뢰하는 AI 창작 파트너입니다. 이곳의 모든 프롬프트는 더 빠르고 더 나은 창작을 돕기 위해 엄선되었습니다.