Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Generate walkthrough videos from Stitch design screens using Remotion with smooth transitions, zoom effects, and text overlays.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
examples/screens.json
1{2"projectName": "Calculator App",3"projectId": "projects/13534454087919359824",4"videoConfig": {5"fps": 30,6"width": 1920,7"height": 1080,8"durationInSeconds": 209},10"screens": [11{12"id": "1",13"screenId": "12345",14"title": "Home Screen",15"description": "Main calculator interface with number pad and basic operations",16"imagePath": "assets/screens/home.png",17"width": 1200,18"height": 800,19"duration": 5,20"transitionType": "fade"21},22{23"id": "2",24"screenId": "12346",25"title": "History View",26"description": "View of previous calculations with option to reuse results",27"imagePath": "assets/screens/history.png",28"width": 1200,29"height": 800,30"duration": 4,31"transitionType": "slide"32},33{34"id": "3",35"screenId": "12347",36"title": "Settings Panel",37"description": "Customize calculator behavior and appearance",38"imagePath": "assets/screens/settings.png",39"width": 1200,40"height": 800,41"duration": 4,42"transitionType": "fade"43},44{45"id": "4",46"screenId": "12348",47"title": "Scientific Mode",48"description": "Advanced mathematical functions and operations",49"imagePath": "assets/screens/scientific.png",50"width": 1200,51"height": 800,52"duration": 5,53"transitionType": "zoom"54}55]56}57