手法

Terminal as hero

库中有 47 帧匹配Terminal as hero，分布在 12 个品牌的 15 条视频里。每一帧都是从视频本身测出来的，不是从描述文字里读来的，所以这里呈现的是这种镜头实际怎么用，而不是风格指南说它该怎么用。

这个页面没有渲染图，也没有器材清单。下面每一张都是你可以去看的视频里真实的一秒，每个数字都是数出来的真实帧数，而不是按样本估算的。

帧
47
视频
15
品牌
12
剪辑间隔中位数
8.5 秒

谁最常这样拍

按各品牌为这一切面贡献的帧数排序。

Warp 14 帧Figma 9 帧Vercel 5 帧WorkOS 4 帧Notion 4 帧Steve (Builder.io) 4 帧
Figma Now you can use AI agents to design directly on the Figma canvas, wit... at 0:04
FigmaNow you can use AI agents to design directly on the Figma canvas, wit...
0:04
Figma Now you can use AI agents to design directly on the Figma canvas, wit... at 0:07
FigmaNow you can use AI agents to design directly on the Figma canvas, wit...
0:07
Vercel Voice agents, now on Vercel. Realtime, speech and transcription are ... at 0:37
VercelVoice agents, now on Vercel. Realtime, speech and transcription are ...
0:37
Vercel Voice agents, now on Vercel. Realtime, speech and transcription are ... at 0:40
VercelVoice agents, now on Vercel. Realtime, speech and transcription are ...
0:40
Vercel Voice agents, now on Vercel. Realtime, speech and transcription are ... at 0:43
VercelVoice agents, now on Vercel. Realtime, speech and transcription are ...
0:43
Vercel Voice agents, now on Vercel. Realtime, speech and transcription are ... at 0:46
VercelVoice agents, now on Vercel. Realtime, speech and transcription are ...
0:46
Vercel Voice agents, now on Vercel. Realtime, speech and transcription are ... at 0:49
VercelVoice agents, now on Vercel. Realtime, speech and transcription are ...
0:49
Timestripe Create tasks from the terminal without switching context at 0:00
TimestripeCreate tasks from the terminal without switching context
0:00
Cursor /btw allows you to ask a quick side question without derailing the ag... at 0:00
Cursor/btw allows you to ask a quick side question without derailing the ag...
0:00
Cursor /btw allows you to ask a quick side question without derailing the ag... at 0:13
Cursor/btw allows you to ask a quick side question without derailing the ag...
0:13
Warp How to orchestrate a team of agents in the cloud with Warp at 0:00
WarpHow to orchestrate a team of agents in the cloud with Warp
0:00
Figma Learn how to go from Claude Code to Figma and back again Livestream... at 0:10
FigmaLearn how to go from Claude Code to Figma and back again Livestream...
0:10
Figma Learn how to go from Claude Code to Figma and back again Livestream... at 0:13
FigmaLearn how to go from Claude Code to Figma and back again Livestream...
0:13
Figma Learn how to go from Claude Code to Figma and back again Livestream... at 0:16
FigmaLearn how to go from Claude Code to Figma and back again Livestream...
0:16
Figma Learn how to go from Claude Code to Figma and back again Livestream... at 0:19
FigmaLearn how to go from Claude Code to Figma and back again Livestream...
0:19
Figma Learn how to go from Claude Code to Figma and back again Livestream... at 0:22
FigmaLearn how to go from Claude Code to Figma and back again Livestream...
0:22
Figma Learn how to go from Claude Code to Figma and back again Livestream... at 0:25
FigmaLearn how to go from Claude Code to Figma and back again Livestream...
0:25
Adil Mania december was upside down. at 0:59
Adil Maniadecember was upside down.
0:59
Steve (Builder.io) Steve (Builder.io) - Introducing Clips - 100% free, open source, agent-native alternative ... at 0:00medium presenter
Steve (Builder.io)Steve (Builder.io) - Introducing Clips - 100% free, open source, agent-native alternative ...
0:00
Steve (Builder.io) Steve (Builder.io) - Introducing Clips - 100% free, open source, agent-native alternative ... at 0:04medium presenter
Steve (Builder.io)Steve (Builder.io) - Introducing Clips - 100% free, open source, agent-native alternative ...
0:04
Steve (Builder.io) Steve (Builder.io) - Introducing Clips - 100% free, open source, agent-native alternative ... at 0:11medium presenter
Steve (Builder.io)Steve (Builder.io) - Introducing Clips - 100% free, open source, agent-native alternative ...
0:11
Steve (Builder.io) Steve (Builder.io) - Introducing Clips - 100% free, open source, agent-native alternative ... at 0:13medium presenter
Steve (Builder.io)Steve (Builder.io) - Introducing Clips - 100% free, open source, agent-native alternative ...
0:13
Figma Tired: code or canvas Wired: code AND canvas Introducing Claude Code... at 1:46corner inset
FigmaTired: code or canvas Wired: code AND canvas Introducing Claude Code...
1:46
rabbit getting started with DLAM on rabbit r1 at 1:18corner inset
rabbitgetting started with DLAM on rabbit r1
1:18
WorkOS Audit Harness: An Audit Trail for AI Coding Agents (No API Keys Required) at 1:10
WorkOSAudit Harness: An Audit Trail for AI Coding Agents (No API Keys Required)
1:10
WorkOS Audit Harness: An Audit Trail for AI Coding Agents (No API Keys Required) at 1:14
WorkOSAudit Harness: An Audit Trail for AI Coding Agents (No API Keys Required)
1:14
WorkOS Audit Harness: An Audit Trail for AI Coding Agents (No API Keys Required) at 1:18
WorkOSAudit Harness: An Audit Trail for AI Coding Agents (No API Keys Required)
1:18
WorkOS Audit Harness: An Audit Trail for AI Coding Agents (No API Keys Required) at 1:22
WorkOSAudit Harness: An Audit Trail for AI Coding Agents (No API Keys Required)
1:22
Supabase Getting Started with Supabase Locally at 3:34wide presenter
SupabaseGetting Started with Supabase Locally
3:34
Anthropic What is Claude Code? at 0:10
AnthropicWhat is Claude Code?
0:10
Notion How do you design a CLI for both humans and agents? That's the quest... at 1:24corner inset
NotionHow do you design a CLI for both humans and agents? That's the quest...
1:24
Notion How do you design a CLI for both humans and agents? That's the quest... at 1:32corner inset
NotionHow do you design a CLI for both humans and agents? That's the quest...
1:32
Notion How do you design a CLI for both humans and agents? That's the quest... at 1:56corner inset
NotionHow do you design a CLI for both humans and agents? That's the quest...
1:56
Notion How do you design a CLI for both humans and agents? That's the quest... at 2:04corner inset
NotionHow do you design a CLI for both humans and agents? That's the quest...
2:04
Warp We fixed Claude Code's biggest problem... at 0:22corner inset
WarpWe fixed Claude Code's biggest problem...
0:22
Warp We fixed Claude Code's biggest problem... at 2:22corner inset
WarpWe fixed Claude Code's biggest problem...
2:22
Warp We fixed Claude Code's biggest problem... at 2:26corner inset
WarpWe fixed Claude Code's biggest problem...
2:26
Warp We fixed Claude Code's biggest problem... at 2:30corner inset
WarpWe fixed Claude Code's biggest problem...
2:30
Warp We fixed Claude Code's biggest problem... at 2:34corner inset
WarpWe fixed Claude Code's biggest problem...
2:34
Warp We fixed Claude Code's biggest problem... at 2:38corner inset
WarpWe fixed Claude Code's biggest problem...
2:38
Warp We fixed Claude Code's biggest problem... at 2:42corner inset
WarpWe fixed Claude Code's biggest problem...
2:42
Warp We fixed Claude Code's biggest problem... at 2:46corner inset
WarpWe fixed Claude Code's biggest problem...
2:46
Warp We fixed Claude Code's biggest problem... at 2:50corner inset
WarpWe fixed Claude Code's biggest problem...
2:50
Warp We fixed Claude Code's biggest problem... at 2:54corner inset
WarpWe fixed Claude Code's biggest problem...
2:54
Warp We fixed Claude Code's biggest problem... at 2:58corner inset
WarpWe fixed Claude Code's biggest problem...
2:58
Warp We fixed Claude Code's biggest problem... at 3:02corner inset
WarpWe fixed Claude Code's biggest problem...
3:02
Warp We fixed Claude Code's biggest problem... at 3:06corner inset
WarpWe fixed Claude Code's biggest problem...
3:06
这就是全部 47 帧了。

可比较的其他手法

Shallow depth of field 5,342Hard cut on beat 3,103Full bleed output no chrome 3,091Centred wordmark on black 2,369Cursor led reveal 2,350Ui float with drop shadow 2,096Long lens background compression 1,100Text plate left third 816Full bleed ui no chrome 751Long lens compression 610Hard cut to black 601Centred talking head 554Subject on right third 533Generous negative space 482Centred subject 471Full bleed no chrome 431Centred wordmark on white 414Full bleed screen recording 409Wide establishing shot 390Full bleed screen capture 380Presenter pip bottom right 370Medium close up 367Subject on left third 346Centred medium close up 342