Introducing the GitHub Copilot coding agent
GitHub · May 2025 · 0:50 · AI-annotated
A dark, cinematic product launch for GitHub Copilot agent mode, built as a chain of short 3D mascot beats and centered white headline cards that each open a tight UI demo, cut at a brisk ~117 bpm. The style is defined by a near-black blue gradient, a glowing purple robot mascot with cyan particle trails, and clean sans-serif type that scales or slides in over locked-off screen recordings.
More like this
Descript · Design · Oct 2020
Introducing the GitHub Copilot coding agent, scene by scene
· 22 scenes as text
01 · Hook · 0:00–0:00
A glowing purple 3D head with two dark circular lenses rises from the bottom of a dark blue gradient, scaling up as it climbs. A thin curved line loops around it and a green light glows at its base.
Camera: Static
02 · Hook · 0:00–0:02
A purple 3D robot mascot with blue goggles floats in a dark blue void, tilts, then leaps upward leaving a trail of glowing cyan particles.
Techniques: Particles
Camera: Static
03 · Feature reveal · 0:02–0:03
A rounded purple 3D head with two glowing eyes moves left across a dark blue field, spinning slightly and trailing a stream of cyan particles. The white and gray line VS Code soars with agent mode holds in the lower center.
On-screen text: “VS Code soars with agent mode”
Techniques: 3D mockup, Particles
Camera: Static
04 · Feature reveal · 0:03–0:05
A dark blue gradient fills the frame behind a single centered white line. The line holds steady in the middle of the screen, then fades out toward the end of the clip.
On-screen text: “VS Code soars with agent mode”
Camera: Static
05 · Feature reveal · 0:05–0:08
A close-up of the Copilot chat input shows the prompt “implement this data diagram” being typed with a folder and image attached, then the view pulls back to the full editor as the agent lists file searches and writes user.py and comment.py.
Techniques: UI zoom
Camera: Pull out
06 · Feature reveal · 0:08–0:11
On a dark blue gradient, the word 'or' grows into the full line 'or bring those agent vibes to your favorite IDE'. The line then slides right and fades while a blue code icon and a purple hexagon logo slide in from the left.
On-screen text: “or bring those agent vibes to your favorite IDE”
Techniques: Kinetic type
Camera: Static
07 · Feature reveal · 0:11–0:13
A dark blue gradient holds a row of colorful developer tool icons that pop in from left to right. A white caption line then fades in across the center, overlapping the icons.
On-screen text: “Now Copilot isn't just in your editor”
Camera: Static
08 · Feature reveal · 0:13–0:14
A single white sentence holds centered on a dark blue gradient background, then clears to the empty gradient. The frame is locked off with no camera movement.
On-screen text: “Now Copilot isn't just in your editor”
Camera: Static
09 · Feature reveal · 0:14–0:16
A locked-off view of a dark code editor: Python source fills the left pane while a Copilot chat panel on the right types a command into its input box and its header switches to a working state.
On-screen text: “Now Copilot isn't just in your editor”
Camera: Pan
10 · Feature reveal · 0:16–0:18
A dark GitHub pull request page is in focus. A tooltip card hovers over the list, showing the PR title, a short comment and a branch reference. The frame sharpens from a soft blur at the start.
Camera: Pan
11 · Feature reveal · 0:18–0:20
A GitHub pull request page reframes from the full view to a close-up of the tab bar and a Copilot comment. A cursor hovers over the Commits tab while the AI message states it will get started and make progress.
Techniques: UI zoom
Camera: Push in
12 · Feature reveal · 0:20–0:21
A dark blue gradient holds a centered white line that starts small with “Got issues?” and scales up as “Delegate like a boss.” joins it, the whole sentence growing to full size and settling in the middle of the frame.
On-screen text: “Got issues? Delegate like a boss.”
Techniques: Kinetic type
Camera: Static
13 · Feature reveal · 0:21–0:27
A dark GitHub issues list fills the frame; a cursor ticks three checkboxes, then the view zooms to the Assign menu and checks the Copilot row. The tagline scales in on a static frame.
On-screen text: “Got issues? Delegate like a boss.”
Techniques: Cursor demo, UI zoom
Camera: Push in
14 · Feature reveal · 0:27–0:30
A white sentence sits centered on a dark blue gradient. The last word swaps in sequence, plans, then builds, then tests, while the rest of the line stays locked in place.
On-screen text: “Watch as your Copilot plans”, “Watch as your Copilot builds”, “Watch as your Copilot tests”
Techniques: Kinetic type
Camera: Static
15 · Feature reveal · 0:30–0:33
A GitHub pull-request page opens under a large fading title overlay; the view zooms into the Copilot checklist as blue checkmarks fill in line by line, then zooms out to the full draft PR with every task ticked.
On-screen text: “Watch as your Copilot builds”
Techniques: UI zoom, Cursor demo
Camera: Static
16 · Feature reveal · 0:33–0:34
A static white headline reading 'Give your feedback' is centered on a dark blue gradient background.
On-screen text: “Give your feedback”
Camera: Static
17 · Feature reveal · 0:34–0:36
A dark GitHub pull request page, titled Migrate ORM to Tortoise, holds in a locked frame with a Copilot checklist and a reviewer panel. A cursor drifts from the right sidebar up to the green Add your review button.
On-screen text: “Give your feedback”
Techniques: Cursor demo
Camera: Static
18 · Feature reveal · 0:36–0:41
A dark GitHub pull request screen shows a review dialog. A cursor clicks the Approve radio and types LGTM in the comment box. The view cuts to the status panel with green checkmarks as the cursor hovers the green Merge pull request button.
Techniques: Cursor demo
Camera: Static
19 · Feature reveal · 0:41–0:42
A dark GitHub pull request page is held in full view, showing the merged-and-closed banner and an empty comment box with a cursor resting inside. The frame stays static with no motion.
Camera: Static
20 · CTA · 0:42–0:45
A dark blue gradient background holds a single centered line. The white words of the sentence fade in one after another, the last two words arriving last, then the full line holds still.
On-screen text: “Your coding agent is here”
Techniques: Kinetic type
Camera: Static
21 · CTA · 0:45–0:46
A glowing purple icon streaks in from the top left with motion blur, then eases to a stop so a small robot head and a rounded blob dangle from a thin curved line on black. The static caption “Your coding agent is here” holds in frame.
On-screen text: “Your coding agent is here”
Techniques: Speed ramp
Camera: Pull out
22 · CTA · 0:46–0:50
On a black background, the GitHub Copilot cat mark sits centered above a white outlined pill reading gh.io/copilot. The mark slides left as the wordmark GitHub Copilot appears to its right, forming the centered lockup, which holds still.
On-screen text: “gh.io/copilot”
Camera: Static




