完整文档

文档

Motion Prompt 是一套为「你让 AI 做的那些事」而准备的名称库。本文档涵盖所有分组、使用方式与技能参考。

共 192 个名称
#001
动态图形

弹性入场

Pop-in

元素弹跳着出现

poppop-inspring
#002
动态图形

交错动画

Stagger

多个元素错开时间依次出现

staggersequencedelay
#003
动态图形

放射爆发

Burst

元素出现时向外迸出线条和圆点

burstexplosionradial
#004
动态图形

线条描绘

Line draw

线条像被画出来一样逐渐延伸

line-drawtrim-pathstroke
#005
动态图形

遮罩显现

Mask reveal

文字从不可见的边界后移出

maskrevealclip
#006
动态图形

打字机效果

Typewriter

文字像打字一样逐字出现

typewritertypingtext
#007
动态图形

数字递增

Count-up

数字快速增长到目标值

count-upcounternumber
#008
动态图形

动态排版

Kinetic typography

文字随含义和节奏移动、缩放与旋转

kinetic-typographytexttypography
#009
动态图形

缓动

Easing

动作通过加减速变化而非匀速移动

easingease-in-outcubic-bezier
#010
动态图形

过冲回弹

Overshoot

越过目标后回到目标位置并停稳

overshootspringbounce
#011
动态图形

挤压与拉伸

Squash & stretch

通过压扁和拉长表现弹性

squashstretchsquash-and-stretch
#012
动态图形

形状变形

Shape morph

一种形状平滑变成另一种

morphmorphingshape
#013
动态图形

液态动效

Liquid motion

形状像液体一样流动和融合

liquidblobgoo
#014
动态图形

运动拖尾

Motion trail

运动物体身后留下逐渐淡去的轨迹

trailmotion-trailecho
#015
动态图形

粒子效果

Particles

大量小碎片喷出并散开

particlesconfettiemitter
#016
动态图形

视差

Parallax

远近图层以不同速度移动形成纵深

parallaxdepthlayers
#017
动态图形

遮罩转场

Mask transition

扩大的形状内部显现下一场景

masktransitioniris
#018
动态图形

图形转场

Shape transition

图形覆盖画面后揭示下一场景

shape-transitiontransitionwipe
#019
动态图形

液态转场

Liquid transition

液体流入画面并替换场景

liquidtransitiondrip
#020
动态图形

穿越缩放

Zoom through

放大并穿过物体进入下一场景

zoomzoom-throughtransition
#021
动态图形

翻转

Flip

像卡片翻面一样展示另一侧

flipcard3d
#022
动态图形

扫光

Light sweep

光带扫过物体表面

light-sweepshinesheen
#023
动态图形

故障效果

Glitch

画面像发生故障一样错位和分色

glitchrgb-splitchromatic-aberration
#024
动态图形

冲击震动

Impact shake

物体落下时带动整个画面震动

shakeimpactcamera-shake
#025
镜头运动与转场

水平摇镜头

Pan

机位固定,向左或右转动镜头

panpanningyaw
#026
镜头运动与转场

垂直摇镜头

Tilt

机位固定,向上或下转动镜头

tilttilt uppitch
#027
镜头运动与转场

推镜头

Dolly in

相机整体向主体靠近

dollydolly inpush in
#028
镜头运动与转场

变焦推近

Zoom in

相机不动,通过镜头变焦放大

zoomzoom infocal length
#029
镜头运动与转场

跟拍

Tracking shot

相机随主体一起移动

trackingtracking shotfollow
#030
镜头运动与转场

环绕镜头

Orbit (Arc shot)

相机绕主体移动

orbitarc shotcircle
#031
镜头运动与转场

升镜头

Crane up

相机整体向上升起

cranecrane upjib
#032
镜头运动与转场

滑动变焦

Dolly zoom (Vertigo)

主体大小不变,背景发生透视变化

dolly zoomvertigozolly
#033
镜头运动与转场

焦点转移

Rack focus

在近处与远处之间切换对焦

rack focusfocus pullpull focus
#034
镜头运动与转场

手持镜头

Handheld

像手持相机一样轻微晃动

handheldcamera shakeshaky
#035
镜头运动与转场

FPV 穿越机镜头

FPV drone shot

以第一人称快速穿越场景

fpvdronefly through
#036
镜头运动与转场

荷兰角

Dutch angle

倾斜相机,使地平线呈对角线

dutch angledutch tiltcanted angle
#037
镜头运动与转场

慢动作

Slow motion

放慢动作的播放速度

slow motionslow-moslomo
#038
镜头运动与转场

速度渐变

Speed ramp

在同一镜头中改变播放速度

speed ramptime remapramping
#039
镜头运动与转场

延时摄影

Time-lapse

把数小时压缩成几秒

time-lapsetimelapsefast forward
#040
镜头运动与转场

定格

Freeze frame

让动作暂停片刻

freeze framestill framepause
#041
镜头运动与转场

跳切

Jump cut

构图不变,跳过一段时间

jump cutcuttime skip
#042
镜头运动与转场

匹配剪辑

Match cut

利用相似形状或动作衔接镜头

match cutgraphic matchshape match
#043
镜头运动与转场

甩镜头转场

Whip pan

快速横摇形成模糊并切入下一镜头

whip panswish panmotion blur
#044
镜头运动与转场

交叉溶解

Cross dissolve

两个镜头逐渐叠化切换

cross dissolvedissolvecrossfade
#045
镜头运动与转场

划像转场

Wipe

移动的边界逐步替换画面

wipelinear wipereveal
#046
镜头运动与转场

突切

Smash cut

突然切到反差强烈的场景

smash cuthard cutabrupt
#047
镜头运动与转场

J 型剪辑

J-cut

下一场景的声音先于画面进入

j-cutj cutsplit edit
#048
镜头运动与转场

L 型剪辑

L-cut

前一场景的声音延续到下一画面

l-cutl cutsplit edit
#049
UI 组件

模态对话框

Modal dialog

打开浮窗并暂时阻止操作背景

modalmodal-dialogdialog
#050
UI 组件

抽屉面板

Drawer (Off-canvas)

从屏幕侧边滑出的面板

draweroff-canvasoffcanvas
#051
UI 组件

底部面板

Bottom sheet

从屏幕底部升起的面板

bottom-sheetsheetmodal-sheet
#052
UI 组件

折叠面板

Accordion

点击标题展开或收起内容

accordioncollapsibleexpand
#053
UI 组件

下拉选择框

Dropdown (select)

点击字段展开选项列表

dropdowndropdown-menuselect
#054
UI 组件

文字提示

Tooltip

悬停时显示简短说明

tooltiphinthover
#055
UI 组件

气泡卡片

Popover

点击后显示指向触发按钮的小面板

popoverpopupcallout
#056
UI 组件

轻提示

Toast notification

短消息出现后自动消失

toastsnackbarnotification
#057
UI 组件

标签页

Tabs

点击标签切换内容面板

tabstab-bartabbed
#058
UI 组件

轮播图

Carousel

横向滑动切换展示项

carouselsliderslideshow
#059
UI 组件

开关

Toggle switch

切换设置的开启与关闭状态

toggleswitchtoggle-switch
#060
UI 组件

分段控制器

Segmented control

一排相连按钮用于切换视图

segmented-controlsegmented-buttonbutton-group
#061
UI 组件

筛选标签

Filter chips

点击小标签组合筛选条件

chipsfilter-chipstags
#062
UI 组件

范围滑块

Range slider

双滑块选择最小值与最大值

range-slidersliderdual-thumb
#063
UI 组件

步进器

Stepper (+/−)

通过加减按钮逐次修改数值

stepperquantitynumber-input
#064
UI 组件

分页

Pagination

通过页码切换列表页面

paginationpagerpage-numbers
#065
UI 组件

汉堡菜单

Hamburger menu

三横线图标点击后展开菜单

hamburger-menuhamburgermenu-icon
#066
UI 组件

面包屑导航

Breadcrumbs

显示页面层级位置的链接路径

breadcrumbsbreadcrumbtrail
#067
UI 组件

巨型菜单

Mega menu

主导航展开的宽幅分组链接面板

mega-menumegamenudropdown-navigation
#068
UI 组件

步骤指示器

Step indicator

显示流程的当前步骤与进度

step-indicatorsteppersteps
#069
UI 组件

骨架屏

Skeleton screen

加载时以灰色块预示内容布局

skeletonskeleton-screenplaceholder
#070
UI 组件

加载转圈

Spinner

旋转圆环表示等待

spinnerloadingloader
#071
UI 组件

徽标

Badge

用小圆点或数字显示数量

badgenotification-badgecounter
#072
UI 组件

空状态

Empty state

列表没有内容时显示的界面

empty-stateno-datazero-state
#073
落地页与网页效果

视差滚动

Parallax scrolling

滚动时背景层比内容移动得慢

parallaxparallax-scrollingscroll
#074
落地页与网页效果

滚动淡入

Fade-in on scroll

元素进入视口时逐渐出现

fade-inscroll-revealreveal-on-scroll
#075
落地页与网页效果

吸顶页头

Sticky header

滚动时页头停留在屏幕顶部

stickysticky-headerfixed-header
#076
落地页与网页效果

滚动固定

Pinning

区块固定,滚动推动内部内容变化

pinpinningscrolltrigger
#077
落地页与网页效果

横向滚动

Horizontal scroll

纵向滚动驱动内容横移

horizontal-scrollsidewaysscrolltrigger
#078
落地页与网页效果

滚动吸附

Scroll snap

滚动结束时自动对齐区块

scroll-snapsnapfull-page
#079
落地页与网页效果

滚动进度条

Scroll progress bar

顶部条显示阅读进度

progress-barreading-progressscroll-progress
#080
落地页与网页效果

荧光笔标记动画

Highlighter animation

重点文字下方逐渐画出色带

highlightermarkertext-highlight
#081
落地页与网页效果

悬停抬升

Hover lift

悬停时元素抬高并加深阴影

hoverliftfloat
#082
落地页与网页效果

悬停图片放大

Image zoom on hover

图片在固定边框内放大

hoverzoomimage
#083
落地页与网页效果

光标跟随

Cursor follower

图形略带延迟地跟随指针

cursorcustom-cursorcursor-follower
#084
落地页与网页效果

磁吸按钮

Magnetic button

按钮向附近光标偏移

magneticmagnetic-buttonhover
#085
落地页与网页效果

涟漪效果

Ripple effect

从点击位置扩散的圆形波纹

rippleink-ripplematerial
#086
落地页与网页效果

下划线动画

Underline animation

悬停时链接下划线从左展开

underlinehoverlink
#087
落地页与网页效果

前后对比滑块

Before/after slider

拖动分隔线比较处理前后

before-afterimage-comparisonslider
#088
落地页与网页效果

离站挽留弹窗

Exit-intent popup

访客准备离开时出现的弹窗

exit-intentpopupmouseleave
#089
落地页与网页效果

预加载画面

Preloader

页面加载期间显示的过渡界面

preloaderloading-screenloader
#090
落地页与网页效果

懒加载

Lazy loading

图片接近视口时才开始加载

lazy-loadinglazy-loadimages
#091
落地页与网页效果

无限滚动

Infinite scroll

滚动到底部时自动加载更多条目

infinite-scrollendless-scrollload-more
#092
落地页与网页效果

页面转场

Page transition

连接两个页面的过渡动画

page-transitiontransitionview-transitions
#093
落地页与网页效果

平滑滚动

Smooth scroll

页内链接平滑移动到目标位置

smooth-scrollscroll-behavioranchor-link
#094
落地页与网页效果

跑马灯

Marquee

文字或标志组成连续滚动带

marqueetickerinfinite-loop
#095
落地页与网页效果

动态渐变

Animated gradient

背景颜色持续移动和交融

gradientanimated-gradientmesh-gradient
#096
落地页与网页效果

悬浮动画

Floating animation

元素轻柔地上下浮动

floatingfloatbob
#097
摄影效果、光线与风格

逆光

Backlighting

光源位于主体后方

backlightingbacklitcontre-jour
#098
摄影效果、光线与风格

轮廓光

Rim light

后侧光勾勒主体边缘

rim lightrim lightingedge light
#099
摄影效果、光线与风格

剪影

Silhouette

主体成为明亮背景前的深色轮廓

silhouettebacklitsunset
#100
摄影效果、光线与风格

分割光

Split lighting

侧面光让脸一半明亮、一半阴暗

split lightingside lightportrait lighting
#101
摄影效果、光线与风格

伦勃朗光

Rembrandt lighting

侧上方光在背光脸颊留下亮三角

rembrandt lightingportrait lightingtriangle
#102
摄影效果、光线与风格

蝴蝶光

Butterfly lighting

正面高位光在鼻下形成蝶形阴影

butterfly lightingparamount lightingbeauty lighting
#103
摄影效果、光线与风格

黄金时刻

Golden hour

日出后或日落前的低角度暖光

golden hourmagic hoursunset light
#104
摄影效果、光线与风格

蓝调时刻

Blue hour

日落后或日出前的深蓝天空时段

blue hourtwilightdusk
#105
摄影效果、光线与风格

散景

Bokeh

失焦光点化为柔和光斑

bokehshallow depth of fieldbackground blur
#106
摄影效果、光线与风格

移轴效果

Tilt-shift

通过选择性模糊让实景像微缩模型

tilt-shiftminiatureminiature effect
#107
摄影效果、光线与风格

长曝光

Long exposure

延长快门时间,让移动光源留下轨迹

long exposurelight trailsslow shutter
#108
摄影效果、光线与风格

追随拍摄

Panning shot

跟随运动主体,使背景产生拖影

panningpanning shotmotion blur
#109
摄影效果、光线与风格

镜头眩光

Lens flare

强光在镜头内产生光环和光斑

lens flareflareghosting
#110
摄影效果、光线与风格

鱼眼镜头

Fisheye lens

超广角使中心鼓起、直线弯曲

fisheyefisheye lensbarrel distortion
#111
摄影效果、光线与风格

色差

Chromatic aberration

高反差边缘出现不同颜色的色边

chromatic aberrationcolor fringingrgb split
#112
摄影效果、光线与风格

暗角

Vignette

画面四角变暗,视线集中到中央

vignettevignettingdark corners
#113
摄影效果、光线与风格

高调

High-key

整体明亮、接近白色且阴影很浅

high-keyhigh keybright
#114
摄影效果、光线与风格

低调

Low-key

以暗色为主,只突出受光部分

low-keylow keydark
#115
摄影效果、光线与风格

黑白

Black and white

去除颜色,仅保留明暗

black and whitemonochromeb&w
#116
摄影效果、光线与风格

双色调

Duotone

用一种颜色映射暗部,另一种映射亮部

duotonetwo-tonegradient map
#117
摄影效果、光线与风格

青橙色调

Teal and orange

阴影偏青,肤色与高光偏橙

teal and orangeorange and tealcinematic
#118
摄影效果、光线与风格

胶片颗粒

Film grain

画面覆盖细微胶片质感颗粒

film graingrainnoise
#119
摄影效果、光线与风格

漏光

Light leak

红橙色光像漏入胶片一样侵入画面

light leakfilm leakvintage
#120
摄影效果、光线与风格

双重曝光

Double exposure

两幅影像叠合在同一画面

double exposuremultiple exposureblend
#121
动态图形(第 2 弹)

预备动作

Anticipation

运动前先向反方向稍稍蓄力

anticipationwind-upsquash
#122
动态图形(第 2 弹)

跟随动作

Follow-through

主体停下后,局部仍延迟摆动

follow-throughoverlapping-actionsecondary-motion
#123
动态图形(第 2 弹)

弹跳

Bounce

落下后越弹越低直至停下

bouncedropgravity
#124
动态图形(第 2 弹)

随机抖动

Wiggle

小幅、随机地持续晃动

wigglejittershake
#125
动态图形(第 2 弹)

脉冲动画

Pulse

像心跳一样有节奏地缩放

pulseheartbeatthrob
#126
动态图形(第 2 弹)

运动路径

Motion path

沿设定的曲线移动

motion-pathpathcurve
#127
动态图形(第 2 弹)

往返循环

Ping-pong loop

正放后倒放,反复来回

ping-pongloopboomerang
#128
动态图形(第 2 弹)

定格动画风格

Stop-motion style

抽帧后动作一顿一顿

stop-motionchoppyframe-rate
#129
动态图形(第 2 弹)

文字乱码效果

Text scramble

字符随机变换后定格为正确文字

text-scramblescrambledecode
#130
动态图形(第 2 弹)

波浪文字

Wave text

文字像波浪一样依次上下起伏

wave-textwavetext
#131
动态图形(第 2 弹)

路径文字

Text on a path

文字沿线条或曲线流动

text-on-pathpath-textcurved-text
#132
动态图形(第 2 弹)

可变字体动画

Variable font animation

文字粗细平滑变化

variable-fontfont-weighttypography
#133
动态图形(第 2 弹)

文字遮罩

Text mask

镂空成文字形状,透出内部画面

text-maskmaskclipping-mask
#134
动态图形(第 2 弹)

中继器

Repeater

复制图形并排列旋转

repeaterduplicateradial
#135
动态图形(第 2 弹)

万花筒

Kaleidoscope

像万花筒一样对称展开

kaleidoscopesymmetrymirror
#136
动态图形(第 2 弹)

线条抖动

Line boil

手绘线条逐帧轻微抖动

line-boilboilhand-drawn
#137
动态图形(第 2 弹)

推入转场

Push transition

下一画面把当前画面推出

pushpush-transitionslide
#138
动态图形(第 2 弹)

百叶窗转场

Blinds transition

从细条缝隙中打开下一画面

blindsvenetian-blindsstripes
#139
动态图形(第 2 弹)

立方体转场

Cube transition

像立方体旋转一样切换画面

cubecube-transition3d
#140
动态图形(第 2 弹)

翻页转场

Page curl

像纸张一样卷起,翻到下一页

page-curlpage-turnpage-peel
#141
动态图形(第 2 弹)

像素化转场

Pixelate

马赛克逐渐变粗后切换画面

pixelatemosaicpixel
#142
动态图形(第 2 弹)

玻璃碎裂

Shatter

像玻璃一样碎裂,碎片飞散

shatterglass-breakbroken-glass
#143
动态图形(第 2 弹)

爆炸图

Exploded view

零件分离,展示内部结构

exploded-viewexplodelayers
#144
动态图形(第 2 弹)

分屏

Split screen

分割画面,同时展示多个场景

split-screenmulti-screenpanels
#145
落地页与网页效果(第 2 弹)

滚动时间轴

Timeline on scroll

滚动时时间轴的线条随之延伸

timelinescrollhistory
#146
落地页与网页效果(第 2 弹)

滚动文字显现

Scroll text reveal

随着阅读,文字逐字变深

scrolltext-revealscroll-driven
#147
落地页与网页效果(第 2 弹)

堆叠卡片

Stacking cards

滚动时卡片层层叠起

stacking-cardsstickyscroll
#148
落地页与网页效果(第 2 弹)

滚动切换背景色

Background color change on scroll

按区块切换页面背景色

background-colorscrollsection
#149
落地页与网页效果(第 2 弹)

滚动隐藏页头

Hide-on-scroll header

向下滚动时隐藏,向上滚动时出现

headerhide-on-scrollheadroom
#150
落地页与网页效果(第 2 弹)

滚动监听

Scrollspy

目录高亮当前阅读的章节

scrollspytable-of-contentstoc
#151
落地页与网页效果(第 2 弹)

回到顶部按钮

Back-to-top button

往下滚动后出现,点击回到顶部

back-to-topscroll-to-topbutton
#152
落地页与网页效果(第 2 弹)

滚动放大

Zoom on scroll

图片随滚动放大至铺满屏幕

zoomscrollimage
#153
落地页与网页效果(第 2 弹)

3D 倾斜

3D tilt on hover

卡片随光标方向立体倾斜

tilt3dhover
#154
落地页与网页效果(第 2 弹)

聚光灯悬停

Spotlight hover

只有光标周围变亮

spotlighthoverglow
#155
落地页与网页效果(第 2 弹)

悬停切换图片

Image swap on hover

悬停时换成另一张照片

image-swaphovercrossfade
#156
落地页与网页效果(第 2 弹)

悬停文字翻滚

Text roll on hover

文字向上翻转并替换

text-rollhovermenu
#157
落地页与网页效果(第 2 弹)

悬停图片预览

Hover image reveal

悬停列表项时显示对应照片

hoverimage-reveallist
#158
落地页与网页效果(第 2 弹)

浮动标签

Floating label

开始输入时标签上移

floating-labelforminput
#159
落地页与网页效果(第 2 弹)

实时校验

Inline validation

输入时即时显示对错

validationforminline-validation
#160
落地页与网页效果(第 2 弹)

加载按钮

Loading button

点击后在按钮内显示加载中到完成

loading-buttonbuttonspinner
#161
落地页与网页效果(第 2 弹)

视图过渡

View transition (shared element)

列表中的照片直接展开为详情页

view-transitionshared-elementpage-transition
#162
落地页与网页效果(第 2 弹)

灯箱

Lightbox

点击图片后在变暗的背景上放大

lightboxmodalgallery
#163
落地页与网页效果(第 2 弹)

图片热点

Hotspots

点击图片上的圆点显示说明

hotspotsimagetooltip
#164
落地页与网页效果(第 2 弹)

倒计时

Countdown timer

显示距截止时间的剩余时间并递减

countdowntimerdeadline
#165
落地页与网页效果(第 2 弹)

动态形状分隔线

Animated shape divider

持续摆动的波浪形区块分隔线

shape-dividerwavesection-divider
#166
落地页与网页效果(第 2 弹)

点赞动画

Like button animation

点击后爱心迸发弹出

like-buttonheartmicrointeraction
#167
落地页与网页效果(第 2 弹)

向下滚动提示

Scroll-down cue

持续循环、引导向下滚动的动画

scroll-cuescroll-indicatorscroll-down
#168
落地页与网页效果(第 2 弹)

背景视频

Background video

首屏背景中播放视频

background-videoherovideo
#169
镜头运动与转场(第 2 弹)

垂直升降镜头

Pedestal

相机整体垂直上下平移

pedestalboomvertical move
#170
镜头运动与转场(第 2 弹)

横滚镜头

Barrel roll

相机绕镜头光轴旋转一整圈

barrel rollroll360
#171
镜头运动与转场(第 2 弹)

移动延时

Hyperlapse

相机边移动边拍的延时摄影

hyperlapsetime-lapsemoving timelapse
#172
镜头运动与转场(第 2 弹)

长镜头

Long take

不切换,一个镜头连续拍到底

long takeonerone shot
#173
镜头运动与转场(第 2 弹)

斯坦尼康

Steadicam

消除抖动,平稳流畅地移动

steadicamgimbalstabilizer
#174
镜头运动与转场(第 2 弹)

背后跟拍

Follow shot

跟在主体身后移动

follow shotfollowbehind
#175
镜头运动与转场(第 2 弹)

固定镜头

Locked-off shot

相机固定不动,只有主体移动

locked-offlocked offstatic shot
#176
镜头运动与转场(第 2 弹)

穿越镜头

Fly-through

穿过窗户或门进入下一个空间

fly-throughflythroughthrough the window
#177
镜头运动与转场(第 2 弹)

低角度镜头

Low angle

从低处向上拍

low angleworm's eyelook up
#178
镜头运动与转场(第 2 弹)

高角度镜头

High angle

从高处向下拍

high anglelook downfrom above
#179
镜头运动与转场(第 2 弹)

POV 镜头

POV shot

以角色的视线观看

povpoint of viewfirst person
#180
镜头运动与转场(第 2 弹)

过肩镜头

Over-the-shoulder

越过一人的肩膀拍另一人

over-the-shoulderotsdialogue
#181
镜头运动与转场(第 2 弹)

鸟瞰镜头

Bird's-eye view

从正上方垂直向下拍

bird's-eyebirds eyetop-down
#182
镜头运动与转场(第 2 弹)

深焦镜头

Deep focus

从近处到远处全部清晰

deep focusdepth of fieldeverything sharp
#183
镜头运动与转场(第 2 弹)

定场镜头

Establishing shot

开场交代地点的远景

establishing shotwide shotlocation
#184
镜头运动与转场(第 2 弹)

大特写

Extreme close-up

只放大眼睛或指尖等局部

extreme close-upecuclose-up
#185
镜头运动与转场(第 2 弹)

插入镜头

Insert shot

插入同一场景中的细节

insert shotinsertdetail
#186
镜头运动与转场(第 2 弹)

变形剪切

Morph cut

平滑衔接相同构图的两段画面

morph cutmorphseamless
#187
镜头运动与转场(第 2 弹)

淡出到黑场

Fade to black

画面逐渐变暗直至全黑

fade to blackfade outfade in
#188
镜头运动与转场(第 2 弹)

圈出

Iris out

圆形窗口收拢,画面变黑

iris outiris iniris wipe
#189
镜头运动与转场(第 2 弹)

切出镜头

Cutaway

切到其他对象后再切回

cutawayreaction shotb-roll
#190
镜头运动与转场(第 2 弹)

交叉剪辑

Cross-cutting

交替呈现同时发生的两个场景

cross-cuttingparallel editingintercut
#191
镜头运动与转场(第 2 弹)

子弹时间

Bullet time

时间静止,相机绕主体旋转

bullet timetime slicefrozen moment
#192
镜头运动与转场(第 2 弹)

蒙太奇

Montage

用一连串短镜头压缩时间

montagesequencetraining montage

三种使用方式

打开名称库,挑选后发送给 AI

在 Claude Code 或 Codex 中安装 motion-prompt 技能后,只要提出请求即可打开本图库。你不需要记住名称或编号。

  1. 1向你的 AI 说:Open the motion-prompt library.
  2. 2图库会在浏览器中打开。在想要的示例上按「Pick」,数量不限。
  3. 3按「Send to AI」,你的选择就会发送给 AI。
  4. 4回到它那里,说明你想做什么。
terminal
npx skills add showheyohtaki/motion-prompt

查一下名称,然后告诉你的 AI

打开一份列表或图库,找到你想做的东西,在提示词中使用它的名称。再补充时长、强度和运动方式,结果会更接近你的设想。

  1. 1在列表中查找想要的名称或编号。
  2. 2在提示词中使用该名称。
  3. 3补充时长、强度和运动方式。
  4. 4发送给编程 AI、视频生成模型,或写进需求简报。
terminal
Bring the title in with a mask reveal from below, 0.6 s.

为你自己的领域或语言制作一个版本

make-your-own/ 提供了可直接复制粘贴给编程 AI 的提示词、渲染视频的脚本,以及两个已完成示例。

  1. 1选择适合你目标的提示词模板。
  2. 2把提示词交给编程 AI。
  3. 3AI 会为你生成同类的名称示例。
  4. 4领域不限于视频:灯光、声音、UI、摄影、烹饪、建筑均可。

技能参考

需要 Node.js 18 或更高版本。安装后,Agent 会在浏览器中打开图库,等待你挑选并发送。

安装

terminal
npx skills add showheyohtaki/motion-prompt

用提示词安装:把下面这段粘贴到 Claude Code 或 Codex 中:

Read https://github.com/showheyohtaki/motion-prompt and install the motion-prompt skill in this environment.

命令

命令作用
pick / pick --pack camera打开图库,打印随「Send to AI」发来的内容
search typewriter text为一个场景查找元素(英文或日文关键词)
list / list --pack motion所有分组的概览,或逐个元素列出某个分组
get 12 #045打印这些编号的规格,然后打印代码(一次最多 8 个)
kit motion某一分组的共享代码
prompt 12某个元素的可复制提示词
info显示数据来源、数据量以及缓存位置

工作原理

  • 一个元素就是一个函数
    cells[i](ctx, w, h, u)画面只取决于 u,不读取时钟,也不使用随机数。
  • 共享 Kit
    颜色、尺寸、周期长度和共享辅助函数都集中在一个「kit」中,每个分组各有自己的 kit。
  • 零依赖
    不依赖任何外部库。该技能由三个文件构成:说明文档、移植笔记、查找脚本。

许可证

MIT License © 2026 Shohei Ohtaki

允许商业使用,包括代码、视频和图像。使用某个元素的代码时,请保留它的第一行署名。

作者

SO
Shohei Ohtaki
株式会社デイトラ
@showheyohtaki