Windsurf · Developer tools · Jun 2025
Introducing the new Craft Assistant, MCP & API and more!
Craft · Nov 2025 · 2:12 · AI-annotated
The video is built as a chain of feature reveals: each one opens on a grainy green paper title card framed by torn autumn leaves, then cuts to a brisk screen demo with quick zooms and pull backs. The recurring paper leaves and hill silhouette keep the autumnal look consistent across every section, and the closing logo card mirrors the opening.
More like this
Retool · Developer tools · Sep 2023
Microsoft · AI · Sep 2026
Introducing the new Craft Assistant, MCP & API and more!, scene by scene
· 34 scenes as text
01 · Product intro · 0:00–0:01
A white CRAFT wordmark is centered on a grainy green field with a darker hill silhouette at the bottom. A faded white serif line, 'yournotes connected and alive', fades in across the logo.
On-screen text: “CRAFT”, “yournotes”, “connected and alive”
Camera: Static
02 · Feature reveal · 0:01–0:05
On a textured green field with a hill silhouette, white serif text fades out as orange and gold maple leaves drift in from the corners. A new orange italic line and a gold serif line then build up word by word at the center.
On-screen text: “your notes”, “connected and alive”, “a more powerful”, “Craft Assistant”
Techniques: Kinetic type
Camera: Static
03 · Feature reveal · 0:05–0:07
A white meeting document sits over a collage of maps, daisies and a castle drawing. The frame tightens on the lower agenda cards while a blue chat panel with an Assistant logo slides in from the right, a cursor hovering near it.
Techniques: UI zoom
Camera: Push in
04 · Feature reveal · 0:07–0:09
A blurred close-up of the chat panel pulls back to reveal the full workspace: a Budapest meeting document on the left and a New Chat panel on the right, over a floral desktop. A cursor rests in the chat input.
Techniques: UI zoom
Camera: Pull out
05 · Feature reveal · 0:09–0:10
A white document titled Budapest Team Meeting fills the left over a bright map backdrop, with a New Chat panel docked on the right. The whole interface then blurs and pulls back in a fast transition out.
Camera: Push in
06 · Feature reveal · 0:10–0:13
A prompt card on the right holds a request for a flight preparation checklist. A cursor opens a model dropdown, hovers the Fast option, then moves to the blue send button. Document cards sit on the left.
Techniques: Cursor demo
Camera: Pull out
07 · Feature reveal · 0:13–0:14
A two-pane product interface on a blue gradient background. The left pane holds a travel guide document with a pink header and green and red agenda cards. The right pane shows a chat assistant with a typed prompt and a loading indicator. The view stays nearly still.
Camera: Pull out
08 · Feature reveal · 0:14–0:26
A split screen pairs a Budapest travel document on the left with an AI chat on the right. The chat types a reply, then streams a long pre-flight checklist that auto-scrolls section by section. At the end the whole frame tilts into a slight 3D perspective.
Techniques: Split screen, 3D mockup
Camera: Push in
09 · Feature reveal · 0:26–0:29
A split close-up of a colorful travel document and a preparation checklist panel pulls back to show the whole app window, the doc and the AI assistant side by side on a blue sky backdrop.
Techniques: UI zoom
Camera: Pull out
10 · Feature reveal · 0:29–0:39
A document editor fills the frame over a colorful abstract wallpaper. A cursor types in the page, a slash menu opens and filters, the line becomes a toggle that expands into a generated travel checklist, then the view zooms in on the collapsed toggle.
Techniques: Cursor demo, UI zoom
Camera: Push in
11 · Feature reveal · 0:39–0:41
A green paper background with torn paper autumn leaves in the corners holds the gold serif title API & MCP: while the orange italic line connect Craft to everything types in word by word below it. The frame stays locked off.
On-screen text: “API & MCP:”, “connect Craft to everything”
Techniques: Kinetic type
Camera: Static
12 · Feature reveal · 0:41–0:42
A document app fills the frame: a sidebar of spaces and folders on the left, a grid of titled note cards on the right. The list and cards ease into place over the first second, then the locked frame holds still.
On-screen text: “API&MCP:”, “connect Craft to everything”
Camera: Push in
13 · Feature reveal · 0:42–0:47
The Craft app's Imagine page fades in, showing a sidebar and a heading above connection cards. The view zooms into a Create New MCP Connection popover as the cursor hovers over Connect Daily Notes & Tasks, and a loading spinner spins.
Techniques: Cursor demo, UI zoom
Camera: Push in
14 · Feature reveal · 0:47–0:51
A pale settings page shows MCP and API connection cards beneath a serif headline. A hand cursor clicks the API card, a 'Create New API Connection' modal fades in over the dimmed page, then everything crossfades back to the list.
On-screen text: “Imagine the possibilities when everything's connected to Craft.”
Techniques: Cursor demo
Camera: Pull out
15 · Feature reveal · 0:51–0:52
A light settings view shows two stacked cards for MCP and API connections, each with a hand-pointer icon, while a large serif headline fades out across the top and the layout settles into place.
On-screen text: “Imagine the possibilities when everything's connected to Craft.”
Camera: Static
16 · Feature reveal · 0:52–0:54
A white “My API” settings card fades in over a blurred gray-blue background, crossfading from the previous panel. A mouse cursor glides to the blue “Add Document” link and rests there.
Techniques: Cursor demo
Camera: Static
17 · Feature reveal · 0:54–0:59
Two frosted white panels float over a blurred gray background. The right panel cycles from an empty state to a searchable list, then a spinner loads before settling on one entry, while the left panel's Documents row updates to 1 document. A cursor arrow moves through the list.
Techniques: Cursor demo
Camera: Static
18 · Feature reveal · 0:59–1:00
A cursor moves to the close button of a Documents panel and clicks it. The panel fades out while the My API details card slides from the left into the center of the frame.
Techniques: Cursor demo
Camera: Pan
19 · Feature reveal · 1:00–1:02
The app interface opens zoomed in on the MCP connections page, then pulls back to show the full window with a left sidebar and stacked content cards. After a brief hold, the view cuts to a flat green paper background with torn orange and gold leaf shapes.
Techniques: UI zoom
Camera: Pull out
20 · Feature reveal · 1:02–1:05
A textured green paper background holds cut-out orange and gold leaves in the corners. In the center, 'Code Editor:' types in letter by letter in a gold serif, then 'elevated' fades in beneath it in an italic orange script.
On-screen text: “Code Editor:”, “elevated”
Techniques: Kinetic type
Camera: Static
21 · Feature reveal · 1:05–1:06
A dark documentation window titled Wireframes scrolls steadily downward. The page content moves up to reveal a bullet list with highlighted service names, then a Code Level Examples section holding two JSON code blocks for a budget alert request and response. The frame stays locked off.
Camera: Pan
22 · Feature reveal · 1:06–1:09
A dark docs page titled Code Level Examples stacks two JSON code blocks, a request and a response for a budget alert. The frame zooms in on the code, then a cursor glides to the expand icon at the top right of the first block and clicks it.
Techniques: UI zoom, Cursor demo
Camera: Push in
23 · Feature reveal · 1:09–1:10
A dark code editor fills the frame, showing a JSON request titled Create Budget Alert with line numbers and a Code tab. A hand cursor hovers at the right while the code lines settle into place and the editor chrome fades in.
Camera: Static
24 · Feature reveal · 1:10–1:12
A dark code editor panel showing a JSON budget-alert request scales down toward the top-left corner and back to full size on a black background, while a hand cursor hovers over the top-right toolbar icons.
Techniques: Cursor demo, UI zoom
Camera: Static
25 · Feature reveal · 1:12–1:14
A dark code editor fills the frame with a theme picker dropdown open at the top right. The cursor glides down the list of color schemes, and each row it passes, such as BBEdit and Noctis Lilac, flashes with a pink highlight.
Techniques: Cursor demo
Camera: Static
26 · Feature reveal · 1:14–1:15
A dark editor window opens with a theme dropdown on the right, listing color schemes beside circular letter swatches. The menu closes to reveal an empty dark canvas, the cursor resting in the lower right corner.
Techniques: Cursor demo
Camera: Static
27 · Feature reveal · 1:15–1:25
A light code panel displays a JSON request for a budget alert. A cursor clicks the language button at top right, opening a dropdown of languages; it hovers over C++, scrolls past Java to R, then the menu closes while the code stays still.
Techniques: Cursor demo
Camera: Pull out
28 · Feature reveal · 1:25–1:26
A dark specification page is shown full-screen and locked off, with a white JSON request block and a darker response block beneath the heading Code Level Examples. A mouse cursor hovers near the right edge.
Camera: Static
29 · Feature reveal · 1:26–1:27
A dark wireframe document shows two service bullet points, a Code Level Examples heading, and stacked JSON blocks, one white and one dark. A cursor drifts slightly on the right edge while the Assistant button sits bottom right.
Camera: Static
30 · Feature reveal · 1:27–1:29
On a textured green paper background framed by torn orange and yellow leaf cutouts, the serif title Whiteboards: appears, then the italic line fast, stable, ready reveals left to right beneath it.
On-screen text: “Whiteboards:”, “fast, stable, ready”
Techniques: Kinetic type
Camera: Static
31 · Feature reveal · 1:29–1:41
A whiteboard canvas holds a collage of three hummingbird photos with green handwritten tags. The view zooms out to reveal the full board, a black handwritten line is drawn in below the tags, then one photo is selected and resized.
On-screen text: “Nature”, “#hummingbird”, “#vietnam trip”, “#shot in march”
Techniques: UI zoom, Kinetic type
Camera: Pan
32 · Feature reveal · 1:41–1:43
On a textured deep-green paper background framed by paper-cut autumn leaves, the gold serif word Collection: holds center while the orange italic line polished and refined builds word by word beneath it.
On-screen text: “Collection:”, “polished and refined”
Techniques: Kinetic type
Camera: Static
33 · Feature reveal · 1:43–2:11
A white spreadsheet card titled England Trip floats on a pink dotted backdrop. A cursor opens the view menu, hides and restores columns, then groups rows by category while the frame zooms between the full card and the toolbar.
Techniques: Cursor demo, UI zoom
Camera: Pull out
34 · Outro · 2:11–2:12
A light gray CRAFT wordmark sits centered on a grainy green field, above a darker green hill silhouette cut along the bottom edge. The frame is locked off and still for the whole shot.
On-screen text: “CRAFT”
Camera: Static






