Agentsky · Launch Video Breakdown: Hook, Pacing & Motion Design
Agentsky is an agent market: OpenRouter is for models, Agentsky is for agents. Use Claude Code, Codex, OpenCode, Hermes, and Pi in the browser.
Scene-by-scene timeline & spoken transcript
The Hook
Introducing Agent Market
“Introducing Agent Market.”
- On screen
- agentsky.dev
- Camera
- Medium shot of presenter, slightly off-center, with a subtle zoom-in.
- Motion
- Subtle camera push-in, presenter's natural hand gestures.
Product Reveal
Browser-Based Agent & Model Access
“Today, you'll be able to use any popular agents and any popular models like Astra, Fable 5.1 and DeepSeek V4.1,”
- On screen
- agentsky.dev Search agents... Hermes Claude Code Codex OpenClaw pi DeepSeek Harness Kimi Code OpenCode What do you want done? Run a task with one agent, or compare a few. pi GPT-5.6 Sol Medium + Compare agent + model Search models... OPENAI GPT-6 Astra GPT-5.6 Sol GPT-5.6 Terra GPT-5.6 Luna DEEPSEEK DeepSeek V4 Pro DeepSeek V4.1 Flash ZHIPU GLM-5.3 Do anything
- Camera
- Static overhead shot of a laptop screen, with UI elements highlighted.
- Motion
- UI element highlighting, cursor interaction, dropdown menu animations.
Feature Teaser
Seamless Integration & Cost Savings
“directly in your browser in agentsky.dev, without installing anything. It has the same exact user interface like your Codex app, except it works for all other agents like OpenCode and Hermes. We also have connectors and artifacts. With our model router, you'll be able to try any models at zero markup. bring your own Claude Code and Codex subscription without us charging you for tokens.”
- On screen
- agentsky.dev What do you want done? Run a task with one agent, or compare a few. write hello world in py pi GPT-5.6 Sol High + Compare agent + model On mobile, too agentsky.dev AgentSky Use Any Agent & Model In Our Agent Market Try, compare and orchestrate agents-in your browser or via API. Get API Key Claude Code Codex Hermes Do anything Claude Code Claude Opus 5 High Claude Code attendees, topics, decisions), so tell me or pick an option." [minutes-source-9/21]: Make a fictional sample set of minutes I need the meeting details before I can write real minutes — I've posted the question above. Tell me (or pick an option): the meeting name/date, who attended, and the main topics, decisions, and action items. If you'd rather, I can build a reusable template with placeholder fields, or a clearly fictional sample — either one I can publish right away as a new version of the same artifact. I've left hello-world.docx v1 untouched until you decide; say the word and I'll also rename the artifact to something like meeting- minutes.docx . Ran 4 commands > Sample meeting minutes: meeting-minutes.docx View 20s Hustling... Do anything Tools - 8 Claude Opus 5 High Hermes Make a fictional sample set of minutes I need the meeting details before I can write real minutes — I've posted the question above. Tell me (or pick an option): the meeting name/date, who attended, and the main topics, decisions, and action items. If you'd rather, I can build a reusable template with placeholder fields, or a clearly fictional sample — either one I can publish right away as a new version of the same artifact. I've left hello-world.docx v1 untouched until you decide; say the word and I'll also rename the artifact to something like meeting- minutes.docx . Ran 4 commands > Sample meeting minutes: meeting-minutes.docx View Done — a one-page set of fictional minutes, attached above and saved to artifacts as meeting-minutes.docx (version 1). What's in it: Jump to latest Do anything Tools - 8 Claude Opus 5 High Google Business Microsoft Outlook Microsoft Teams Microsoft OneNote Microsoft Excel Microsoft Word Slack Discord Zoom Intercom RingCentral Drift HubSpot Salesforce Pipedrive Zoho CRM Copper Attio Outreach Notion Asana Trello ClickUp Linear Jira Basecamp Airtable Smartsheet Wrike Todoist Confluence GitHub GitLab Bitbucket Q4 Website Launch Planning - Meeting Minutes.md Share Q4 Website Launch Planning - Meeting Minutes Date: September 17, 2026 Attendees: Maya Chen, Jordan Lee, Priya Shah, Lucas Martin Discussion and Decisions The team agreed to launch the redesigned website on October 26, 2026. The initial release will prioritize the homepage, pricing, and customer stories. Final copy must be approved before development enters release testing. Action Items Owner Action Due Maya Approve final page copy September 25 AgentSky Model Router OpenAI Claude Gemini DeepSeek GLM Kimi Grok GPT-6 Astra Opus 5 - 4.8 3.8 Flash V4 Pro 5.3 K3 4.6 GPT-5.6 Sol Fable 5.1 - 5 3.5 Flash V4 Flash 5.3 K2.7 Code GPT-5.6 Terra Sonnet 5 - 4.6 GPT-5.5 Haiku 4.5 0% markup Save Dat Money! REMIXAGIF.COM agentsky.dev
- Camera
- Alternating between laptop screen UI demonstrations and presenter medium shots. A small GIF overlay appears briefly.
- Motion
- UI element interaction, text input animation, icon grid reveal, data visualization, GIF overlay, presenter hand gestures.
Feature Teaser
Agent Task Handoff & Performance Arena
“The coolest thing is, you can bring one task from one agent to another. In this case, I was using Claude Code, but I hit the 5-hour limit. to continue the rest without losing any context. Finally, we have an arena where we can compare actual agents and model setups to know which one performed the best in terms of time, performance, and costs.”
- On screen
- agentsky.dev Hand off your task Claude Code Codex Your task Context & history Result Claude Code Claude Opus 5 $0.77 Hermes DeepSeek V4 Pro $0.31 Codex GPT-5.6 Sol $0.81 OpenClaw GPT-5.6 Sol $0.81 Claude Code Claude Opus 5 Continue this task with the agent below: index.html View Claude Code Claude Opus 5 High Q Search models... OPENAI GPT-6 Astra GPT-5.6 Sol GPT-5.6 Terra GPT-5.6 Luna DEEPSEEK DeepSeek V4 Pro make a one-page website for a coffee shop Claude Code Claude Opus 5 High Hermes DeepSeek V4 Pro High Codex GPT-5.6 Sol High OpenClaw GPT-5.6 Sol Result Hermes DeepSeek V4 Pro $0.07 Codex GPT-5.6 Sol $1.62 OpenClaw GPT-5.6 Sol $0.30 Claude Code Claude Opus 5 $0.85 Claude Code Claude Opus 5 $0.71 Claude Code Claude Opus 5 $1.28 agentsky.dev Hermes DeepSeek V4 P Hermes: API platform.agentsky.dev/index.html DIFF @d -0,0 +1,99 +print("Hello, world!") Come visit us HOURS Monday - Friday 6:30a - 6p Saturday 7a - 6p Sunday 8a - 6p LOCATION 418 Cedar Avenue Portland, OR 97214 (503) 555-0147 hello@emberroasters.coffee print("Hello, world!") 1:28 PM Do anything Agent Model Cost Tokens Time Status Hermes DeepSeek V4 Pro Cheapest $0.07 55.3k Completed Codex GPT-5.6 Sol $1.62 268.2k Completed OpenClaw GPT-5.6 Sol $0.30 9.9k Completed Claude Code Claude Opus 5 $0.85 5.2k Completed Claude Code Claude Opus 5 $0.71 4.6k Completed Claude Code Claude Opus 5 $1.28 10.3k Completed
- Camera
- Static overhead shot of a laptop screen, focusing on UI interactions and data displays.
- Motion
- Animated arrows for task flow, dropdown menu interactions, scrolling content, bar chart animation, table data population.
Call to Action
Explore 40+ Agents
“Use up to 40+ agents directly at agentsky.dev.”
- On screen
- Agent Market 40+ Use up to 40+ agents directly at agentsky.dev.
- Camera
- Full screen graphic with abstract background and floating logos.
- Motion
- Text reveal, number counter, floating/fading logos, subtle background gradient animation.
Motion design primitives
Synthesizable in Remotion · key components of the agentsky-launch-remix template.
UIDropdownInteraction
A dropdown menu animates open, revealing a list of items. A cursor then hovers and clicks on an item, which then populates into an input field or selection.
+ Code construction recipe
Use Remotion's 'interpolate' for smooth opacity and Y-position transitions for the dropdown. Implement 'spring' for the cursor hover and click animations. Utilize SVG paths for the cursor shape and 'Path' component for its movement. State management for selected items.
AgentTaskFlow
Two agent logos are displayed with an animated arrow between them. A 'task' card slides from the first agent towards the second, indicating a transfer of context or work.
+ Code construction recipe
Employ 'Sequence' and 'AbsoluteFill' for layout. Use 'spring' for the arrow's drawing animation and the task card's horizontal translation. SVG 'Path' for the arrow, with 'strokeDasharray' and 'strokeDashoffset' for drawing effect. 'interpolate' for card opacity.
PerformanceArenaChart
A bar chart animates its bars upwards to represent performance metrics. Simultaneously, a table below populates with corresponding data, highlighting key values like 'Cheapest'.
+ Code construction recipe
Use 'interpolate' for the height animation of individual bars in the bar chart. Implement 'spring' for the 'Cheapest' text highlight. Table rows can appear sequentially using 'Sequence' and 'interpolate' for opacity and slight Y-offset. Use 'Text' and 'Rect' components.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The Personal Introduction
Purpose. Establishes credibility and a human connection, setting a welcoming tone for the technical product.
Execution. Presenter directly addresses the camera in a well-lit, aesthetically pleasing environment, with a subtle brand presence (agentsky.dev).
- 2
The Seamless Workflow
Purpose. Demonstrates the core value proposition: ease of use and integration of multiple AI agents/models.
Execution. Rapid-fire UI demonstrations showcasing agent selection, task input, and artifact generation within the browser, emphasizing 'no installation'.
- 3
The Unique Advantage
Purpose. Highlights differentiating features like zero-markup model routing and task handoff, addressing common pain points.
Execution. Animated UI flows illustrating model comparison, cost savings, and the transfer of tasks between different agents, making complex features visually digestible.
- 4
The Empowering Conclusion
Purpose. Reinforces the product's breadth and encourages immediate action, leaving a lasting impression of capability.
Execution. A full-screen graphic with a large '40+' and floating agent logos, culminating in a clear call to action with the website URL.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch a new cloud-based data pipeline orchestration tool called 'DataFlow Pro'.How the recipe adapts
The UIDropdownInteraction primitive would be adapted to show a user selecting various data sources (e.g., 'AWS S3', 'Google BigQuery', 'Snowflake') from a dropdown menu within the DataFlow Pro UI. The AgentTaskFlow primitive would be re-imagined as 'DataTransformationFlow', visually demonstrating data moving from a source icon to a processing node icon (e.g., 'ETL Engine') with an animated arrow, and a 'data payload' card sliding between them. The PerformanceArenaChart would become 'PipelineEfficiencyChart', displaying bar charts for different pipeline configurations comparing 'Execution Time', 'Compute Cost', and 'Data Throughput', with a table highlighting the 'Most Efficient' pipeline. The presenter would introduce DataFlow Pro's capabilities, followed by these specific UI demonstrations.Remix blueprint · agentsky-launch-remix
Scene durations (5 scenes, 20s)
Key Remotion components
Related AI Agents Product Launches
Explore all AI Agents launches →
To ensure that artificial general intelligence benefits all of humanity
Introducing Claude Fable 5: a Mythos-class model that we’ve made safe for general use. Its capabilities exceed those of any model we’ve ever made generally available. https://t.co/2AvmEjHIX8
To understand the true nature of the universe.