skills.rest
firstsun-dev
firstsun-devOFFICIAL
Explore all skills by this author →
WebsiteGitHub

remotion

Generate Remotion walkthrough videos from Stitch project screens.

1|Updated Apr 29, 2026
Search Tags:#video#composition#transitions#remotion#overlay#walkthrough#stitch
One-click install
npx skills add https://github.com/firstsun-dev/yao-agent-skills --skill remotion-firstsun-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: remotion
Source: https://github.com/firstsun-dev/yao-agent-skills/tree/main/external/video-design/remotion
Command: npx skills add https://github.com/firstsun-dev/yao-agent-skills --skill remotion-firstsun-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires curl, and includes scripts (resource) components.

What problem does it solve?

Generate Remotion-based walkthrough videos from Stitch projects, turning design screens into polished, branded video presentations.

Core Features & Use Cases

  • Retrieve Stitch project screens and metadata and assemble them into a Remotion workflow
  • Generate modular Remotion components with configurable transitions, zoom, and text overlays
  • Render polished walkthrough videos for product demos, onboarding, or marketing content
  • Use Case: Create a 60-second walkthrough of a Stitch project with screen-by-screen annotations

Quick Start

Run a Stitch-to-Remotion walkthrough by feeding your Stitch project ID and video config to the Remotion workflow to render a final video.

Frequently Asked Questions about remotion

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn Stitch project screens into a walkthrough video?▼

You need a Stitch project ID and a video configuration. The workflow retrieves your Stitch project screens, downloads assets, builds a Remotion composition, and renders the final walkthrough video.

Can I add custom transitions and text overlays to Stitch design videos?▼

Yes, the Skill generates modular Remotion components with configurable transitions, zoom effects, and text overlays for your Stitch project screens.

Do I need Node.js and Remotion installed to render Stitch walkthrough videos?▼

Yes, Node.js and Remotion are required. The workflow relies on a Remotion project structure, manifest-driven timing, and Remotion MCP to render the final video.

What's the best way to create a product demo video from design screens?▼

Using a Remotion-based workflow is ideal. This Skill converts Stitch design screens into polished, branded video presentations suitable for product demos, onboarding, or marketing content.

Does this walkthrough video generator work with Stitch MCP and Remotion MCP?▼

Yes, it relies on a Stitch MCP/Remotion MCP workflow to retrieve project metadata, assemble screens into a Remotion composition, and render the final video output.

Related Skills

Explore More Design & Creative Skills→
PriyanshuSingh06PriyanshuSingh06

remotion

Convert Stitch project designs into Remotion walkthrough videos with transitions and overlays.

Community
Advanced
amaledtuningamaledtuning

remotion

Automate walkthrough video creation from Stitch designs using Remotion.

Community
Advanced
RenyEnnosRenyEnnos
1

remotion

Assemble Stitch screens into Remotion walkthrough videos with configurable timing.

Community
Advanced
jawwad-alijawwad-ali
4

FastAPI Development (Hybrid)

Scaffold FastAPI APIs with authentication, CRUD, validation, and middleware patterns.

Community
Intermediate