UI 모션 디자인 워크플로우 가이드
Claude Opus 5.5를 사용하여 UI 모션 디자인 영상을 제작하는 워크플로우의 상세한 가이드로, 포괄적인 프롬프트 및 지침 세트 역할을 합니다.
프롬프트
핵심은 프롬프트가 아닙니다. 단 하나의 규칙이 있습니다: 모든 프레임은 시간의 순수 함수(pure function)여야 합니다.
노래 -> numpy 비트 그리드 -> Opus 5.5가 단일 HTML 파일 생성 -> Playwright 렌더링 -> ffmpeg 블렌딩
1단계: 약 120 BPM의 로열티 프리 트랙 선택
2단계: Opus 5.5에 버튼, 로더, 토글, 차트, 명령 팔레트 등 8~12개의 UI 상태 제공
3단계: 단일 HTML 파일, 1440x1440 해상도, seek(t) 내부에서 모든 스타일 계산. CSS 트랜지션이나 타이머 사용 금지
4단계: 스프링을 닫힌 형식(closed-form) 수식으로 구현하여 임의의 순서로 프레임을 렌더링할 수 있도록 함
5단계: numpy로 비트 감지, 모든 UI 사운드를 측정된 피크에 정렬
6단계: Playwright로 프레임당 4개의 서브프레임 촬영, ffmpeg tmix로 이를 60fps 모션 블러로 블렌딩
7단계: 먼저 비트당 한 프레임씩 렌더링하여 그리드에서 벗어난 부분을 수정한 후 전체 렌더링 수행
수학적 계산:
120 BPM x 7 마디 = 28 비트 = 14초
14초 x 60 fps x 4 서브프레임 = 3,360회 브라우저 렌더링
이 프롬프트 사용법
- 1
위의 전체 프롬프트를 복사하세요.
- 2
Claude Opus 5.5을 지원하는 플랫폼(예: YouMind)을 열고 프롬프트를 붙여넣으세요.
- 3
원하는 아이디어에 맞게 주제, 스타일, 세부 정보를 바꾼 뒤 생성하세요.
이것은 YouMind 프롬프트 라이브러리의 무료 AI 프롬프트입니다. 복사하고 변형해 쓸 수 있는 수천 개의 동영상 프롬프트가 더 있습니다.
더 많은 동영상 프롬프트 보기
더 많은 프롬프트 기능
AI 라이브러리
AI 프롬프트 검색
AI가 수만 개의 프롬프트를 검색해줍니다. 모델·기간·키워드로 필터링하고 노출, 북마크, 리포스트 등 인기 지표로 정렬할 수 있어요.
비전 도구
이미지를 프롬프트로
어떤 사진이든 상세한 AI 이미지 프롬프트로 변환하세요. 무료 Image to Prompt 변환기가 구도, 스타일, 조명을 분석해 몇 초 만에 같은 느낌을 재현할 수 있습니다.
크리에이터를 위해, 영원히 무료.
YouMind는 전 세계 크리에이터가 신뢰하는 AI 창작 파트너입니다. 이곳의 모든 프롬프트는 더 빠르고 더 나은 창작을 돕기 위해 엄선되었습니다.