협업 커서Collaborative Cursors
서로 다른 이름의 커서들이 한 화면에서 독립 경로로 움직이고 작업한다.Named cursors follow independent paths and perform coordinated actions.
무엇을 전하나What it tells
- 공동 편집 기능을 소개할 때
- 여러 담당자의 작업 분담을 보여줄 때
- Introduce shared editing.
- Show how collaborators divide tasks.
- 이름표를 다른 커서 경로 위에 겹치지 않는다
좋은 예와 나쁜 예Good and bad use
이름표가 붙은 커서 3개가 다른 카드에 도착해 차례로 선택한다
모든 커서가 같은 경로로 겹쳐 협업 대상이 가려진다
파라미터Parameters
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 커서 수 | 3 | 2~5 | 이름표를 구별할 수 있는 수 |
| 경로 시간 | 4000ms | 2500~6000ms | 각 경로의 길이 |
| 행동 시간차 | 300ms | 150~500ms | 조작 순서를 구분 |
| 이동 거리 | 360px | 200~600px | 1920x1080 기준 |
const routes = [[360,120],[-280,240],[180,-160]];
routes.forEach(([x,y],i) => {
tl.to(`.cursor-${i}`, {x,y,duration:4,ease:'power2.inOut'}, i*0.3);
});에이전트 프롬프트Agent prompts
그대로 붙여 넣는다Paste as is
<파일>의 <대상>에 협업 커서을 적용한다. 커서 3개의 경로를 고정 좌표로 정의하고 각 행동 시작을 300ms씩 늦춘다. 초기 상태를 명시한 paused 타임라인으로 만들고 고정 좌표와 시간만 사용해 seek를 재현한다.
Apply Collaborative Cursors to <target> in <file>. Define fixed paths for three cursors and offset their actions by 300ms. Define the initial state and use a paused timeline with fixed coordinates and timings for repeatable seeking.
<파일>에서 <대상>의 협업 커서 장면에 적용한다. 커서 3개의 경로를 고정 좌표로 정의하고 각 행동 시작을 300ms씩 늦춘다. 1.15초·2.99초·4.80초 시점을 캡처해 시작 상태, 중간 관계, 최종 정착과 겹침 여부를 확인한다.
Implement Collaborative Cursors in the scene for <target> in <file>. Define fixed paths for three cursors and offset their actions by 300ms. Capture at 1.15s, 2.99s, 4.80s to verify the initial state, intermediate relationships, final settling, and unwanted overlap.
도구별로 쓰기In your tools
HyperFrames · ReelForge · Scrolline
잘 맞는 조합Pairs well with
출처Sources
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo
- heygen-com/hyperframesApache-2.0
- local/HyperFrames-skills (
claude-skill:hyperframes-animation/rules/multi-cursor-choreography.md)unknown