Salesforce · Launch Video Breakdown: Hook, Pacing & Motion Design
Slack Code is live. Humans and agents in the same channel, launching with agents from Anthropic, GitHub, Cognition, and Vercel. Multiplayer coding, shown at Dreamforce.
Scene-by-scene timeline & spoken transcript
The Hook
Behind-The-Scenes Slate Clapper
“Okay great, everyone's invited. Okay.”
- On screen
- slack from salesforce | 08 12 26 00 Slack code channels marketing demo Ben Flanigan 8/12/26
- Camera
- Static medium shot with slate entering foreground
- Motion
- Live-action framing transition to direct address
Product Reveal
Introducing Slack Code
“Hey, I'm Katie, and I work on the core product team at Slack. And today I'm really excited to tell you about the launch of Slack Code. With purpose-built spaces for teams and AI agents to build together directly in Slack.”
- On screen
- Katie Steigman VP, Product Management | Slack Code
- Camera
- Static talking head cut to 3D grid graphic overlay
- Motion
- Lower-third reveal and animated synthwave grid title graphics
Feature Teaser
Mentioning Agents & Creating Code Channels
“In Slack, agents are working with us just like teammates in channels. If I need help, I can tag in a coding agent like Claude without having to leave Slack. I'll ask it to update our website with the latest designs. But instead of having the agent in a regular channel, Slack does something new. It spins up a dedicated code channel for this.”
- On screen
- @Claude | Katie @Claude update our website with the latest designs | Update Dev Day page | Code channels
- Camera
- Screen capture zoom on UI input box, returning to presenter
- Motion
- Pop-in message bubbles and animated UI channel transitions
Feature Teaser
Contextual Channel Ingestion
“And that channel has the right teammates and the right context from our previous conversations, and that allows the agent to get to work. This isn't your traditional coding experience with one person and one agent working in a silo on their own. In the code channel, the whole team and the agent work together on the build. There's no specialized tools needed, and it's all right here in Slack.”
- On screen
- Update Dev Day page | Thread summary from #marketing-slack-dev-day | Claude Agent | Thinking completed
- Camera
- Smooth scrolling UI screen recording
- Motion
- Animated state changes with thinking toggles and collapsible code summaries
Feature Teaser
Multiplayer Code Review & Live Artifact Preview
“That means that developers can review code diffs, and the team steers the agent together. It's a whole new way to work in a true multiplayer experience. The entire team is in the same place, working with the same agent on the same task. So I can tag Akshay in to help direct the agent, and then we can check out the HTML artifact in Slack to see what the agent is building in real time. We get a preview without needing to copy-paste, refresh, or update any code.”
- On screen
- Session artifacts 3 | Dev Day Page | Built for engineers, designed for everyone | Missing video asset
- Camera
- Split layout displaying code diffs alongside live rendered web view
- Motion
- Side-by-side split screen with synced interactive diff markers
Feature Teaser
Asset Resolution, PR Generation, and Deployment
“Nobody's out of the loop. Nobody needs an extra meeting. Work just feels more efficient. And you can configure this whole process to scale with your team based on your agents. The agent opens the PR, posts a summary back to our main channel, and then cleanly archives the code channel. We've gotten to a finished product, ready to ship faster than ever, because the entire build from idea to production now happens here in Slack.”
- On screen
- Create a pull request | Update Dev Day page Canvas | Channel archived | Deploy Confirm? [y/n] | Dev Day 2026
- Camera
- Fast UI pan to full-screen browser preview showing completed web page
- Motion
- Canvas slide-over drawer, button triggers, and automated archival banner
Call to Action
Build in the Open & CTA
“And the way we think about it with code channels, anyone and everyone can become a builder working together with agents. The best organizations want to build in the open in Slack, and now with code channels, we've made that seamless and instantly scalable across your entire organization to make everyone a builder.”
- On screen
- slack.com/slack-code | salesforce | slack from salesforce
- Camera
- Presenter medium shot cutting to animated 3D URL card and logo outro
- Motion
- 3D perspective floor grid sweep to clean logo resolution
Motion design primitives
Synthesizable in Remotion · key components of the keynote-split-demo template.
SplitDiffViewer
Two-column container with syntax highlighted diffs on the left and live responsive iframe on the right.
+ Code construction recipe
Use Flexbox in Remotion with spring-driven interpolation on width ratios. Sync diff line additions with live DOM updates.
RetroGridStage
Perspective-tilted wireframe grid moving on the Z-axis beneath floating UI windows.
+ Code construction recipe
Render an SVG or CSS background grid with transform perspective(600px) rotateX(60deg) driven by frame progress.
AgentChatFlyout
Message pill that emerges with an icon avatar and typing indicator.
+ Code construction recipe
Animate translateY and opacity via spring({ damping: 15 }) with staggered text reveal.Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Relatable Cold Open
Purpose. Humanize the product announcement before technical walkthroughs.
Execution. Production slate snap transitioning into warm direct-to-camera presentation.
- 2
Agent Activation
Purpose. Demonstrate effortless frictionless triggering of Claude in-line.
Execution. Close-up message typing view transitioning automatically into spun-up sub-channel.
- 3
Multiplayer Collaboration
Purpose. Differentiate from isolated IDE agents by showing team-wide interaction.
Execution. Split view containing active team chatter, code changes, and live artifact rendering.
- 4
End-to-End Shipping
Purpose. Demonstrate tangible closure and product delivery within Slack.
Execution. PR creation modal, channel auto-archive, and final public URL end card.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Announcing an AI SQL optimization copilot inside Datadog.How the recipe adapts
The presenter tags the SQL agent inside an incident channel, triggering a dedicated triage view where query plans and performance diffs render collaboratively before auto-deploying indices.Remix blueprint · keynote-split-demo
Scene durations (7 scenes, 130s)
Key Remotion components
Related Developer Tools Product Launches
Explore all Developer Tools launches →
xAI opens voice cloning on its API: build a custom voice in about two minutes or pick from 80+ voices in 28 languages.
Claude can now operate your Mac, opening apps, browsing and filling spreadsheets, as a research preview in Cowork and Claude Code.
Agentic CLI for coding, building apps, and automating workflows.