효과Effects / UI 시연UI Demo / Nº 353

터미널 실행 시연Terminal Run

Terminal Run

터미널 실행 시연

다른 이름Also known as · Terminal run · 터미널 실행

353

렌더 추가 예정CLIP COMING터미널 실행 시연Terminal Run정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 353. 터미널 실행 시연 · Terminal Run · none

명령이 입력되고 잠시 멈춘 뒤 로그가 줄마다 출력되어 새 프롬프트가 생긴다.A command is typed, executed, and followed by sequential output.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

명령과 실행 결과의 인과 관계를 보여준다.Connects a command to its execution result.

언제 쓰나Use whenUSE WHEN

설치 명령과 결과를 소개할 때
자동화 실행 과정을 설명할 때

Introduce installation commands and results.
Explain an automated execution sequence.

과용 주의AvoidAVOID

실제 출력처럼 보이는 임의 성공 수치를 넣지 않는다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

12자 명령 입력 후 300ms 기다리고 로그 3줄을 180ms 간격으로 보여준다

과용 · 나쁜 사례OVERUSE

실행 전에 성공 로그가 나타나 명령과 결과가 뒤섞인다

파라미터Parameters

기본값은 클립에 쓴 값Defaults are the values used in the clip

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
문자 간격	50ms	30~80ms	명령 12자 기준
실행 대기	300ms	200~600ms	입력과 출력 분리
로그 간격	180ms	120~350ms	줄별 읽기 시간
완료 유지	1000ms	800~2000ms	결과를 읽는 시간

GSAP

gsap.set(['.command-char','.log','.next-prompt'],{opacity:0});
tl.to('.command-char',{opacity:1,duration:0,stagger:0.05},0);
tl.to('.log',{opacity:1,duration:0,stagger:0.18},0.9);
tl.set('.next-prompt',{opacity:1},1.44);

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<파일>의 <대상>에 터미널 실행 시연을 적용한다. 명령을 12자 단위 요소로 나누고 50ms 간격 입력, 300ms 대기, 180ms 간격 로그 3줄을 배치한다. 초기 상태를 명시한 paused 타임라인으로 만들고 고정 좌표와 시간만 사용해 seek를 재현한다.

Apply Terminal Run to <target> in <file>. Split a 12-character command into spans, reveal each at 50ms intervals, wait 300ms, then reveal three log lines 180ms apart. Define the initial state and use a paused timeline with fixed coordinates and timings for repeatable seeking.

Codex

<파일>에서 <대상>의 터미널 실행 시연 장면에 적용한다. 명령을 12자 단위 요소로 나누고 50ms 간격 입력, 300ms 대기, 180ms 간격 로그 3줄을 배치한다. 0.36초·0.94초·1.64초 시점을 캡처해 시작 상태, 중간 관계, 최종 정착과 겹침 여부를 확인한다.

Implement Terminal Run in the scene for <target> in <file>. Split a 12-character command into spans, reveal each at 50ms intervals, wait 300ms, then reveal three log lines 180ms apart. Capture at 0.36s, 0.94s, 1.64s to verify the initial state, intermediate relationships, final settling, and unwanted overlap.