AgentHud 프로젝트를 소개하는 모션그래픽 영상

Full Prompt

원문 프롬프트를 강화하여 결과에 좀 더 의도성을 반영한 프롬프트입니다.

• 길이를 정했습니다. 원문에 초가 없어 15초로 잡았고, 120 BPM에 맞춰 박과 마디로 나눴습니다.
• 「프레임 하나가 상태 창으로 변하고 다시 접힌다」는 콘셉트를 정해 장면이 앞 장면에서 이어지게 했습니다.
• 서체는 Pretendard 한 종, 색은 먹색·흰색·청록 세 가지와 흑백으로 좁혔습니다.
• 파티클 폭발, 글로우, 크로스페이드 같은 흔한 효과를 금지했습니다.
• 프로젝트 자료가 있으면 먼저 읽고 실제 기능만 쓰도록 했습니다. 원문에는 AgentHud의 내용이 없기 때문입니다.
• 1920x1080 HTML, window.seek(t) 구조와 0.5초 간격 스틸 검토를 명시했습니다.

[ ] 로 감싼 값은 바꿔 쓸 수 있습니다. 복사한 뒤 화면 글자·이름·색을 고쳐 보세요.

15초짜리 모션그래픽 영상을 만든다. 목표는 [AgentHud]가 무엇인지를 기능 목록이 아니라 하나의 생각으로 남기는 것이다. 프로젝트의 README나 코드가 있으면 먼저 읽고 실제 있는 기능만 다룬다. 없으면 이름이 말하는 것, 곧 에이전트의 상태를 한눈에 보여 주는 화면만 다룬다.
콘셉트: 「얇은 사각 프레임 하나가 에이전트를 비추는 창이 된다」. 처음엔 모서리 선 네 개뿐이다. 선이 늘어나 눈금이 되고, 눈금이 막대가 되고, 막대가 상태 줄이 되고, 상태 줄이 접혀 다시 프레임이 된다. 모든 장면은 앞 장면에서 변형돼 나온다. 컷도 페이드도 없다.
타이포와 색: 서체는 Pretendard 한 종만. 화면 글자는 전부 한국어이고 제품명 [AgentHud]만 그대로 쓴다. 색은 먹색, 흰색, 포인트 청록 한 가지까지 세 가지와 흑백만. 카메라 언어는 천천히 다가가는 하나뿐이다.
금지: 파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드, 범용 그라디언트, 바운스 이징, 0.5초 넘게 멈춘 화면.
박자: 120 BPM, 박마다 무엇인가 바뀐다. 한 마디에 기법 하나씩: 선 그리기, 눈금 늘리기, 막대 성장, 글자 교체, 줄 접기. 마지막 반 마디에 첫 프레임으로 돌아가 첫 프레임과 끝 프레임을 같게 한다.
빌드 방법: 1920x1080 HTML 한 파일. 모든 상태는 window.seek(t) 안에서 시간의 함수로 계산한다. CSS 애니메이션과 타이머는 쓰지 않는다.
검토: 본 렌더 전에 0.5초 간격 스틸을 뽑아 겹침, 빈 프레임, 박자 어긋남, 글자 가독성을 확인하고 고친다.
시작: 먼저 박자별 스토리보드를 적고, 묻지 말고 바로 만든다.
대괄호 [ ] 안은 바꿔 쓸 수 있는 값이다. 그대로 두거나 원하는 값으로 바꾸되, 대괄호 기호 자체는 화면에 그리지 않는다.

원문 프롬프트

make a dynamic motion graphics video about my project AgentHud.

출처Jazzen Chen @Jazzen_Chen (새 탭에서 열림)·Opus 5.5