Syntax highlighting

ライブラリのうち25フレームがSyntax highlightingに一致し、16ブランドの動画23本にまたがっています。どれも動画そのものから計測したもので、説明文から読み取ったものではありません。つまりこれは、スタイルガイドが説くあるべき姿ではなく、実際にどう使われているかです。

このページにレンダリング画像も機材リストもありません。下にあるのはどれも実際に見に行ける動画の本物の1秒であり、どの数値もサンプルからの推定ではなく実フレームを数えたものです。

フレーム: 25
動画: 23
ブランド: 16
カット間隔の中央値: 7.1秒

最も多く撮っているのは

各ブランドがこの切り口にどれだけフレームを出しているかの順です。

Cursor 7フレーム Timestripe 2フレーム Sketch Together 2フレーム Supabase 2フレーム Framer 1フレーム Figma 1フレーム

Linear Code review, but faster. Introducing Diffs. A new way to review PRs,... at 0:10

LinearCode review, but faster. Introducing Diffs. A new way to review PRs,...

0:10

Runway Today we’re launching FOOM! A 24/7 broadcast of AI culture. Weekly s... at 0:01

RunwayToday we’re launching FOOM! A 24/7 broadcast of AI culture. Weekly s...

0:01

Guilherme Rizzo toast.log 2.0 - Get console errors right on your page at 0:04

Guilherme Rizzotoast.log 2.0 - Get console errors right on your page

0:04

Danny Postma Got tired of switching tabs, so I built my own agent workbench. at 0:13

Danny PostmaGot tired of switching tabs, so I built my own agent workbench.

0:13

Benji Taylor We just launched the 𝕏 Ads MCP, allowing you to create ads directly f... at 0:22

Benji TaylorWe just launched the 𝕏 Ads MCP, allowing you to create ads directly f...

0:22

Framer Framer Agents: Design with AI, Keep Control. at 0:16

FramerFramer Agents: Design with AI, Keep Control.

0:16

Anthropic Local MCP servers can now be installed with one click on Claude Deskt... at 0:04

AnthropicLocal MCP servers can now be installed with one click on Claude Deskt...

0:04

v0 Build full-stack applications with v0 integrations, powered by Vercel... at 0:46

v0Build full-stack applications with v0 integrations, powered by Vercel...

0:46

Figma Say hello (again) to Figma Weave. Build workflows to create and edit ... at 0:25

FigmaSay hello (again) to Figma Weave. Build workflows to create and edit ...

0:25

GitHub How a GitHub lawyer uses Copilot CLI to verify AI outputs at 1:16

GitHubHow a GitHub lawyer uses Copilot CLI to verify AI outputs

1:16

Cursor hold-shift ⇧ for instant AI notes on any symbol. at 0:00

Cursorhold-shift ⇧ for instant AI notes on any symbol.

0:00

Timestripe Prioritize technical debt using code and incident history at 0:04

TimestripePrioritize technical debt using code and incident history

0:04

Timestripe Prioritize technical debt using code and incident history at 0:13

TimestripePrioritize technical debt using code and incident history

0:13

Cursor We've improved designing in Cursor since launching yesterday. Here a... at 0:20

CursorWe've improved designing in Cursor since launching yesterday. Here a...

0:20

Cursor Cursor can now fix your hardest bugs. Debug Mode instruments your co... at 1:13

CursorCursor can now fix your hardest bugs. Debug Mode instruments your co...

1:13

Cursor Improved coding agents for long-horizon tasks at 1:10

CursorImproved coding agents for long-horizon tasks

1:10

Cursor Cursor's largest update yet at 1:09

CursorCursor's largest update yet

1:09

Cursor A new visual editor: design directly in your codebase at 0:20

CursorA new visual editor: design directly in your codebase

0:20

Supabase Codex Helped Me Put the World Cup on My Desk at 1:22

SupabaseCodex Helped Me Put the World Cup on My Desk

1:22

Greg Baugues Cursor 3 minute demo - the most popular AI code editor at 2:34

Greg BauguesCursor 3 minute demo - the most popular AI code editor

2:34

Starter Story I Copied A Huge App. Now I Make $80K/Month at 0:03

Starter StoryI Copied A Huge App. Now I Make $80K/Month

0:03

Cursor Introducing Cursor 3 at 0:36

CursorIntroducing Cursor 3

0:36

Supabase Introducing the official Supabase MCP Server at 0:43

corner inset

SupabaseIntroducing the official Supabase MCP Server

0:43

Sketch Together A design tool for humans and robots at 1:34

corner inset

Sketch TogetherA design tool for humans and robots

1:34

Sketch Together A design tool for humans and robots at 1:38

corner inset

Sketch TogetherA design tool for humans and robots

1:38

これで全 25 枚です。