creator-editing-studio 1.3.2 → 1.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
package/template/CLAUDE.md
CHANGED
|
@@ -134,6 +134,51 @@ The plan is there to save them a rebuild, not to put a form in front of them.
|
|
|
134
134
|
The failure this is guarding against is a whole edit rendered the wrong way. Anything that does
|
|
135
135
|
not risk that should move fast.
|
|
136
136
|
|
|
137
|
+
## What makes motion read as expensive
|
|
138
|
+
|
|
139
|
+
The twelve motion laws stop an edit looking broken. These seven are what separate motion that
|
|
140
|
+
looks competent from motion that looks paid for. They were taken from studying reference edits
|
|
141
|
+
frame by frame, and they apply to UI, graphics and footage alike.
|
|
142
|
+
|
|
143
|
+
**1. Blur anything that moves fast.** In the edits that feel most expensive, nothing travels
|
|
144
|
+
sharp. An element crossing the frame in six frames should be a smear that only resolves as it
|
|
145
|
+
slows — and that includes digits rolling from one number to another, and a line redrawing on a
|
|
146
|
+
chart. Sharp fast motion is the single clearest tell of cheap animation, because real cameras and
|
|
147
|
+
real eyes do not work that way. Use the velocity blur helpers rather than deciding per element.
|
|
148
|
+
|
|
149
|
+
**2. Morph, don't replace.** When something becomes something else, animate the thing itself
|
|
150
|
+
rather than fading one out and another in. A row that is clicked and confirmed should stretch and
|
|
151
|
+
turn into the confirmation; it should not be covered by a new element that happens to sit in the
|
|
152
|
+
same place. An element that exists in two moments travels between them. This is the law that most
|
|
153
|
+
reliably makes a sequence feel connected rather than assembled.
|
|
154
|
+
|
|
155
|
+
**3. Overshoot, then settle.** Things that arrive exactly at their final size and stop look
|
|
156
|
+
pasted on. Let an arrival come in slightly too large, or slightly past its mark, and ease back.
|
|
157
|
+
The overshoot is small — a few per cent — and it is the difference between landing and being
|
|
158
|
+
placed.
|
|
159
|
+
|
|
160
|
+
**4. Animate the data, not the container.** When a value, a chart or a list changes, hold the
|
|
161
|
+
frame still and change only what actually changed. Re-entering the whole panel to show a new
|
|
162
|
+
number throws away the viewer's orientation and makes the change read as a new scene instead of
|
|
163
|
+
an update.
|
|
164
|
+
|
|
165
|
+
**5. Reveal one thing at a time.** Rows, cards, icons and bullets arrive in reading order with a
|
|
166
|
+
few frames between them, never as a group. If a container also needs to grow, grow it slowly
|
|
167
|
+
underneath while the contents arrive — two speeds, not one.
|
|
168
|
+
|
|
169
|
+
**6. Earn the hard cut.** In a piece built from continuous motion, a single hard cut to a flat
|
|
170
|
+
colour lands hard precisely because it is the only one. Bursts of hard cuts are their own beat
|
|
171
|
+
and work too, but mixing the two at random wastes both. Decide which the piece is.
|
|
172
|
+
|
|
173
|
+
**7. Show what is coming.** Small anticipations make an interface feel alive: text typing into a
|
|
174
|
+
pill that grows with it, with the next word already faintly present; a cursor that starts moving
|
|
175
|
+
before the thing it will click appears. The viewer reads intent, not just motion.
|
|
176
|
+
|
|
177
|
+
A note on where these come from. Every one of them was found by studying an edit frame by frame
|
|
178
|
+
and writing down what it actually did — not by reading about animation. When something looks good
|
|
179
|
+
to you, save the clip and the timecode and do the same. That habit is worth more than any list,
|
|
180
|
+
including this one.
|
|
181
|
+
|
|
137
182
|
## Verify the render before you call it done
|
|
138
183
|
|
|
139
184
|
You have not seen the video. The timeline in your head is not evidence. Before you say an
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* npm run refs -- --all redo every sheet
|
|
8
8
|
*
|
|
9
9
|
* Reads entries shaped like:
|
|
10
|
-
* ## 4. `
|
|
10
|
+
* ## 4. `clip-name.mp4` — Creator name
|
|
11
11
|
* - **00:11–00:14** — what happens...
|
|
12
12
|
* Writes work/refs/<clip>-<mm.ss>-<mm.ss>.jpg and work/refs/INDEX.md (moment -> sheet), and lists
|
|
13
13
|
* clips that are in the folder but have no entry yet, or entries whose clip is missing.
|
|
@@ -205,7 +205,7 @@ export const CONNECT_SEGMENTS: Segment[] = [
|
|
|
205
205
|
{kind: 'plain', text: 'claude mcp add '},
|
|
206
206
|
{kind: 'flag', text: '--scope user --transport http '},
|
|
207
207
|
{kind: 'accent', text: 'creator-editing-os'},
|
|
208
|
-
{kind: 'plain', text: '
|
|
208
|
+
{kind: 'plain', text: ' <your connector URL>'},
|
|
209
209
|
{kind: 'redacted', text: 'XXXX-XXXX-XXXX-XXXX'},
|
|
210
210
|
];
|
|
211
211
|
|