[{"data":1,"prerenderedAt":437},["ShallowReactive",2],{"article-the-timeline-that-builds-itself":3},{"page":4,"related":386},{"id":5,"title":6,"slug":7,"date":8,"_updatedAt":9,"external":10,"categories":11,"featuredMedia":16,"blocks":35,"menu":34,"foot":34,"seo":381},"bwjiOZBMSk2ZgVaAyZwNgg","How We Build: The Timeline That Builds Itself","the-timeline-that-builds-itself","2026-08-10","2026-08-10T22:51:20+01:00","",[12],{"id":13,"slug":14,"title":15},"MRKCA8y-RtSXQRHCBbP9Og","innovation","Innovation",{"id":17,"_createdAt":18,"alt":19,"title":10,"focalPoint":20,"width":22,"height":23,"thumbnail":24,"small":25,"medium":26,"responsiveImage":27,"video":34},"JdPLmNkOSDSemMt54HOy0Q","2026-08-10T22:22:11+01:00","How We Build: The Timeline That Builds Itself — an AI-assisted video production tool built with Claude Code that outputs a Premiere-ready timeline.",{"x":21,"y":21},0.5,1200,630,"https://www.datocms-assets.com/157026/1786396926-how-we-build-ai-video-production-tool-claude-code-link-preview.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1786396926-how-we-build-ai-video-production-tool-claude-code-link-preview.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1786396926-how-we-build-ai-video-production-tool-claude-code-link-preview.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":28,"webpSrcSet":10,"sizes":29,"src":30,"width":22,"height":23,"aspectRatio":31,"alt":19,"title":10,"base64":32,"bgColor":33},"https://www.datocms-assets.com/157026/1786396926-how-we-build-ai-video-production-tool-claude-code-link-preview.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 300w,https://www.datocms-assets.com/157026/1786396926-how-we-build-ai-video-production-tool-claude-code-link-preview.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 600w,https://www.datocms-assets.com/157026/1786396926-how-we-build-ai-video-production-tool-claude-code-link-preview.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 900w,https://www.datocms-assets.com/157026/1786396926-how-we-build-ai-video-production-tool-claude-code-link-preview.png?auto=format&fit=max&h=2880&q=95&w=2880 1200w","(max-width: 1200px) 100vw, 1200px","https://www.datocms-assets.com/157026/1786396926-how-we-build-ai-video-production-tool-claude-code-link-preview.png?auto=format&fit=max&h=2880&q=95&w=2880",1.9047619047619047,"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgVDxUNDhgWCxYNDRUNIg0SFx8ZGBYVFhUaHysjHR0oHSEWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHBAQHDsoIiU7Oy87Ozs7LzUvOzUvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAACAwABBv/EABoQAAMBAQEBAAAAAAAAAAAAAAABAhEDIQT/xAAXAQADAQAAAAAAAAAAAAAAAAADBAYB/8QAGhEAAQUBAAAAAAAAAAAAAAAAAgABAwQxEv/aAAwDAQACEQMRAD8AwEKlLYUJ2mId0o8YPPveMpb8BuWpqZnLEv64xkA6XV09ZRkdc+dQmFf/2Q==","#670bc1",null,{"id":36,"type":37,"blocks":38},"Ngnpcf5_QuW58SAlcjZCCA","blocks_select",[39,70,74,83,85,110,112,137,139,148,150,170,172,180,182,202,204,212,214,298,300,309,311,378],{"id":40,"type":41,"eyebrow":42,"breadcrumb":34,"title":43,"titleSize":44,"titleAlignment":45,"label":46,"text":47,"media":48,"mediaMobile":34,"mediaSmall":34,"theme":65,"aligned":69},"blaz0EkxTU2VYVSCEjtpgQ","media_hero_expanded_block","By Fantasy","The Timeline That Builds Itself","h3","items-center justify-center","How We Build","\u003Cp>\u003Cspan>João Verissimo is a Motion Director at Fantasy. Using Claude Code, he built a tool that turns a brief into a script, an AI voiceover, and a Premiere-ready timeline. \u003C/span>\u003C/p>",{"id":49,"_createdAt":50,"alt":51,"title":10,"focalPoint":52,"width":53,"height":54,"thumbnail":55,"small":56,"medium":57,"responsiveImage":58,"video":34},"T6EyHdnvT6etT-Ljoz35-w","2026-08-10T22:21:54+01:00","The AIA Timeline Builder timeline view on a tablet, showing a 1:30 edit built from six segments with MOGRT templates, voiceover, and music tracks laid out in Premiere order.",{"x":21,"y":21},1920,1360,"https://www.datocms-assets.com/157026/1786396909-aia-timeline-builder-premiere-ready-timeline-hero.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1786396909-aia-timeline-builder-premiere-ready-timeline-hero.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1786396909-aia-timeline-builder-premiere-ready-timeline-hero.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":59,"webpSrcSet":10,"sizes":60,"src":61,"width":53,"height":54,"aspectRatio":62,"alt":51,"title":10,"base64":63,"bgColor":64},"https://www.datocms-assets.com/157026/1786396909-aia-timeline-builder-premiere-ready-timeline-hero.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 480w,https://www.datocms-assets.com/157026/1786396909-aia-timeline-builder-premiere-ready-timeline-hero.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 960w,https://www.datocms-assets.com/157026/1786396909-aia-timeline-builder-premiere-ready-timeline-hero.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 1440w,https://www.datocms-assets.com/157026/1786396909-aia-timeline-builder-premiere-ready-timeline-hero.png?auto=format&fit=max&h=2880&q=95&w=2880 1920w","(max-width: 1920px) 100vw, 1920px","https://www.datocms-assets.com/157026/1786396909-aia-timeline-builder-premiere-ready-timeline-hero.png?auto=format&fit=max&h=2880&q=95&w=2880",1.411764705882353,"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoUEwgLFhAVDg0IFRARFhEODgsNFxMZGCIVFiEaHysjGh0oKRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHBAQHDAmIyU7Ly8vNS8vLy8vNS8vNS8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABEAGAMBIgACEQEDEQH/xAAZAAACAwEAAAAAAAAAAAAAAAAAAwECBAb/xAAaEAACAwEBAAAAAAAAAAAAAAAAAQIDITFC/8QAGAEAAgMAAAAAAAAAAAAAAAAAAwQCBQb/xAAcEQACAQUBAAAAAAAAAAAAAAAAAQIDBBETMRL/2gAMAwEAAhEDEQA/AOCrnYoPBTna28GRvag8KQue4aa73ZHKvpmW6+6D4BN1jnLgA4KtgGlI0eSseMALO5GJiPTJACMeEUf/2Q==","#710dcc",{"id":66,"background":67,"text":69},"WTSJljECR5256yxpZ8KGqw",{"hex":68},"#000000",false,{"id":71,"type":72,"space":73},"RW-mVg_0RBioeWPFGWxRGw","space_block","small",{"id":75,"type":76,"eyebrow":10,"title":10,"text":77,"cta":34,"list":78,"stats":79,"theme":80},"UpGGGkpRT9SOquuVy2wOvA","text_block","\u003Cp dir=\"ltr\">\u003C/p>\n\u003Cp>\u003C/p>",[],[],{"id":81,"background":82,"text":69},"cf6BWhjtSxSphm60ajZWeQ",{"hex":68},{"id":84,"type":72,"space":73},"UtLEmr4bQkamGb9W_OhZdA",{"id":86,"type":87,"title":88,"text":89,"media":90,"caption":10,"theme":107,"reverse":69},"ILQRN9KiTwW1DhC1NrvZ6g","media_text_block","\u003Ch2 dir=\"ltr\">\u003Cspan>What made him build it?\u003C/span>\u003C/h2>","\u003Cp dir=\"ltr\">\u003Cspan>He built it becaues he saw an opportunity: to automate the manual parts of his own edit process. The manual version of this process had existed for two years, so he knew exactly what he was trying to automate.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>“It wasn’t much of a frustration but an opportunity that came to my mind with all that the team was sharing internally. I figured I’d give it a go and see if it was possible to create a tool that could ‘transform’ our manual process into a more automated one. I had all the information on my side and had been working on it for almost a couple of years, so it was easier for me to try making this work.\"\u003C/span>\u003C/p>",{"id":91,"_createdAt":92,"alt":93,"title":10,"focalPoint":94,"width":95,"height":96,"thumbnail":97,"small":98,"medium":99,"responsiveImage":100,"video":34},"K9gtYnC2R1qkmAe6t_awWQ","2026-08-10T22:11:24+01:00","The AIA Timeline Builder interface: a brief step that generates a script with AI and a recording step that transcribes a take, layered over a Premiere-ready timeline.",{"x":21,"y":21},658,878,"https://www.datocms-assets.com/157026/1786396279-aia-timeline-builder-brief-to-script-to-timeline-interface.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1786396279-aia-timeline-builder-brief-to-script-to-timeline-interface.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1786396279-aia-timeline-builder-brief-to-script-to-timeline-interface.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":101,"webpSrcSet":10,"sizes":102,"src":103,"width":95,"height":96,"aspectRatio":104,"alt":93,"title":10,"base64":105,"bgColor":106},"https://www.datocms-assets.com/157026/1786396279-aia-timeline-builder-brief-to-script-to-timeline-interface.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 164w,https://www.datocms-assets.com/157026/1786396279-aia-timeline-builder-brief-to-script-to-timeline-interface.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 329w,https://www.datocms-assets.com/157026/1786396279-aia-timeline-builder-brief-to-script-to-timeline-interface.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 493w,https://www.datocms-assets.com/157026/1786396279-aia-timeline-builder-brief-to-script-to-timeline-interface.png?auto=format&fit=max&h=2880&q=95&w=2880 658w","(max-width: 658px) 100vw, 658px","https://www.datocms-assets.com/157026/1786396279-aia-timeline-builder-brief-to-script-to-timeline-interface.png?auto=format&fit=max&h=2880&q=95&w=2880",0.7494305239179955,"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAZCAIAAACza+nDAAACh0lEQVR42jVUi7bbMAjjlT72I/u5ff96bmxgEu5aTpo4FgIhN37HHzV1N0bgi99wCeuH1cP20/fL1tv32/rl8jK5VDzUgVI1URdz4SPuRa3FZFbqPLRmi1RLiSjyC/aZKzMEntVBjjzcLaZt3coo6ZRKYbaOeCK9AhZhCCINC4CppegilWqpJkL2FgBR5ONtp7cA4JobJ721cedSuVFhIQizLRtkFdebbCQB2+W8QhtkKsBMbhQkLNQGs7Qd3Wk8fw1b2AXMNVcwKtlka9/aP1Le7VWe7dqrpOyw4YdxPQCbDiEKYda3VWi5pHUZkLsxmkQ7LyowGCUMAZjZF3YRs0fSBMyGGUX6xeHgGoA99RAChp2kCDSoiu6kFfIrB4tBIHPPAMSCATxTOKcDrbFXOWTOGZODhsyBIrtnGe/5EiNqDorywwzY2h19Mhr2wlgUUqI2MSDMXRVVWfi0jYmaaYSzVjqQZlOUAf7Yd0E4cMAKbuljETxyAXVsNlTFGJMhFZdjfcpdJVkybSRsvjcFxJC5dlsu1GJ5UuRIsj8YiDRKhZWqaFZgqAraheu9V9et+dN5K25qH9hf+hjpoRuPRlbvBCyPmOhxeS0reOU/jOaqj8MyYOCAkmBZUKzdR4lie72AwdUKnsRjQd37AYl4lEpzzgeteLEp2Blfye7dQH4DecFm6zkiC+XGnAAmISvnKYdwTCQkWZMxqVl4vuTIp9SAUIwMTcKFMmsg3Haik6YmW9Sb/xPVU2Id3k7Kq18YATx7+2AYEfISTrGO+lNizXEGtdDDlOrLg3kQ1vxve7Atya8zx+jCrogirHjUtL48ODnszcR78s4mH+azUHIcX3rSTe927v8B6jTTmtzyJH4AAAAASUVORK5CYII=","#6310c8",{"id":108,"background":109,"text":69},"GpzS-nZNRu6ZD-pihcmj6g",{"hex":68},{"id":111,"type":72,"space":73},"Am-JNPrSQRuw7jFa26GGww",{"id":113,"type":87,"title":114,"text":115,"media":116,"caption":10,"theme":133,"reverse":136},"RgXWG8AGRD2m8rRCJVsBAg","\u003Ch2 dir=\"ltr\">\u003Cspan>What did the first hour in Claude Code look like?\u003C/span>\u003C/h2>","\u003Cp dir=\"ltr\">\u003Cspan>The first question was whether code could touch Premiere at all. Everything else depended on the answer.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>“First thing I tried was really just exploring if there could be a script that could communicate with Premiere and make edits directly in the software. Since this whole process is based on Mogrts, that would be critical. If there was not a way to make that happen, I’d probably shift my approach to something else. \u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>\"The first explorations worked almost at first try, and at that time I was even only working in Claude Chat, downloading the files and then running on my machine. The shift to Claude Code was inevitable, and that’s when I started to focus on what’s needed for a product like this to work not only on my computer but across other machines, to make this a collaborative tool.”\u003C/span>\u003C/p>\n\u003Cp>\u003C/p>",{"id":117,"_createdAt":118,"alt":119,"title":10,"focalPoint":120,"width":121,"height":122,"thumbnail":123,"small":124,"medium":125,"responsiveImage":126,"video":34},"XjIdq3NFRJSJr-EIO9hc-Q","2026-08-10T22:22:03+01:00","The build_timeline.jsx script Claude Code wrote to automate Premiere Pro, shown beside the AIA Timeline Builder web app it exports from.",{"x":21,"y":21},794,1058,"https://www.datocms-assets.com/157026/1786396917-aia-timeline-builder-claude-code-premiere-script.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1786396917-aia-timeline-builder-claude-code-premiere-script.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1786396917-aia-timeline-builder-claude-code-premiere-script.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":127,"webpSrcSet":10,"sizes":128,"src":129,"width":121,"height":122,"aspectRatio":130,"alt":119,"title":10,"base64":131,"bgColor":132},"https://www.datocms-assets.com/157026/1786396917-aia-timeline-builder-claude-code-premiere-script.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 198w,https://www.datocms-assets.com/157026/1786396917-aia-timeline-builder-claude-code-premiere-script.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 397w,https://www.datocms-assets.com/157026/1786396917-aia-timeline-builder-claude-code-premiere-script.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 595w,https://www.datocms-assets.com/157026/1786396917-aia-timeline-builder-claude-code-premiere-script.png?auto=format&fit=max&h=2880&q=95&w=2880 794w","(max-width: 794px) 100vw, 794px","https://www.datocms-assets.com/157026/1786396917-aia-timeline-builder-claude-code-premiere-script.png?auto=format&fit=max&h=2880&q=95&w=2880",0.7504725897920604,"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBhYUCAgLFg8LFRgQDQ0NDh0RDRYOFxMZGCIfIiEaHy0jGikoHRUiJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHA0QHDscFhw7Ly8vLy87Oy8vLy8vLy8vLy8vLy87Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABgAEgMBIgACEQEDEQH/xAAYAAADAQEAAAAAAAAAAAAAAAAAAgQBB//EACAQAAICAQMFAAAAAAAAAAAAAAABAgMEETEyBRIVIVH/xAAYAQEAAwEAAAAAAAAAAAAAAAAEAQIDAP/EAB4RAAEDBAMAAAAAAAAAAAAAAAABAgMSExQxBAVR/9oADAMBAAIRAxEAPwDmssrKgvSYy6pmQq2ZStZLYS1aVcUPn7KRZdFrikHlsn6zBWnrxA0z5SKnF9U7HEy2VjiADX8eO7oUjUJOyQAAvHj8OpQ//9k=","#7d16e2",{"id":134,"background":135,"text":69},"BimcikKSS_SWZFrC1QZOsQ",{"hex":68},true,{"id":138,"type":72,"space":73},"XQ7bCY8CQT2d_S6TV38yAw",{"id":140,"type":76,"eyebrow":10,"title":141,"text":142,"cta":34,"list":143,"stats":144,"theme":145},"Zv0bZotuSfC3coyMcYyqTA","\u003Ch2 dir=\"ltr\">\u003Cspan>When did it stop being a side project?\u003C/span>\u003C/h2>","\u003Cp dir=\"ltr\">\u003Cspan>Creating a tool the team could use on projects was always the target. João kept his own doubts in front of him to push the work further, and within a month it went from a personal experiment to a tool running on a live client engagement.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>“That was always the main goal. Of course initially I had doubts if it was possible to get there. I tend to be more skeptic in order to push my ideas and work as far as possible, to make it real and not just a vague idea of something that could work. But the more time I dedicated, the closer I got, and eventually it became a usable tool and a new way of working for the manual process we had defined a while back.”\u003C/span>\u003C/p>",[],[],{"id":146,"background":147,"text":69},"CdL3Q_jlTWmyc_zCIKOOtw",{"hex":68},{"id":149,"type":72,"space":73},"KLMKZaxKR8Sz7C0_HBLR4g",{"id":151,"type":87,"title":152,"text":153,"media":154,"caption":10,"theme":167,"reverse":69},"WyN7yhcLTNu4S7bs0bwOKg","\u003Ch2 dir=\"ltr\">\u003Cspan>Did building in the open change it?\u003C/span>\u003C/h2>","\u003Cp dir=\"ltr\">\u003Cspan>João kept the team up-to-date along the way. He posted a new Loom every week for a month, from the first rough script to a working tool deployed live. His peer's reactions fed back into what he built.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>“I was excited with the progress I was able to achieve as time went by. I started to understand that there was something there that could be interesting not only for the client and process where we already had this going, but also as a discipline. As I was building, I was also talking with teammates that definitely made me add and/or change some of the features and flows of the tool.”\u003C/span>\u003C/p>\n\u003Cp>\u003C/p>",{"id":155,"_createdAt":156,"alt":157,"title":10,"focalPoint":158,"width":95,"height":96,"thumbnail":159,"small":160,"medium":161,"responsiveImage":162,"video":34},"PltaGhrsSfKaqlVm_23C7w","2026-08-10T22:11:32+01:00","The AIA Timeline Builder feature set built week by week: import and build, script and segments, AI voiceover, accessibility, and the assembled Premiere timeline.",{"x":21,"y":21},"https://www.datocms-assets.com/157026/1786396287-aia-timeline-builder-weekly-loom-build-progression.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1786396287-aia-timeline-builder-weekly-loom-build-progression.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1786396287-aia-timeline-builder-weekly-loom-build-progression.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":163,"webpSrcSet":10,"sizes":102,"src":164,"width":95,"height":96,"aspectRatio":104,"alt":157,"title":10,"base64":165,"bgColor":166},"https://www.datocms-assets.com/157026/1786396287-aia-timeline-builder-weekly-loom-build-progression.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 164w,https://www.datocms-assets.com/157026/1786396287-aia-timeline-builder-weekly-loom-build-progression.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 329w,https://www.datocms-assets.com/157026/1786396287-aia-timeline-builder-weekly-loom-build-progression.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 493w,https://www.datocms-assets.com/157026/1786396287-aia-timeline-builder-weekly-loom-build-progression.png?auto=format&fit=max&h=2880&q=95&w=2880 658w","https://www.datocms-assets.com/157026/1786396287-aia-timeline-builder-weekly-loom-build-progression.png?auto=format&fit=max&h=2880&q=95&w=2880","data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAZCAIAAACza+nDAAACUElEQVR42l2UDXLbQAiFgWXd9Ig9Su/WQ7VJ7LpSFvoerDqZarBGsvh4/En+/duPTMkMicShokN12PDhc7ibD9yJSggsVuSimx/nIVlHgMNzGWrDLGIlvGwRS5MEhj/gRvPH8z03RlEBJpealZr9w4RSFd3fHr+a4S+QpJgYMZJz2hjq+EcRc2OV5Ovjp3QI/vAQWKnZJzViLI8kkkKS9+dr1RXEmKfoxmBQ65YMYFuwfPy57syusGgs0UzzkjqJ+QAmqqHAhB1IX3IkbjU4AelmaqQl69jNDPHdFaTK0sR1QjjhqBayCPIZOqNBM6rzgozxNviH314G27EwJ2GWq9zQTLUeoOPMJKs85Ele/MvXmYUtkpG1DegBXIdOVqjTpGdgwJiLAHu55VbrxUAaCie4upKplng10ySqQmC3WWpYJhouCsthCsFZ2CSWxNRKDUmiAPDKw5C7cU0wIjAUgZRTyk2dWPWKarKkt5sXi6tAFvmAFr4MUv1gG3NIXGofz+id5HYvLIFqdDPp08E562ojmSi1435y8FwSbCp9wVhyk3iqI+tSe6R19uP9o9SkWo943FrsxKgBQxeHcfip/WbRJ/3P28l4IZ2AMrBeTEkJd8PiakHUAM77qoe6pcqJ1aAeaKDB3E+sbA0t6MadXL9zx6zotl8dVGd80WUkjD0c6HCuji4ex5VOqvanREd9h5wD6KGlS7gu6wEk53buJmN9a0TGD9e2YmBBTKLecWksWqTnW4y0XQyuoYY8YcXA3zuA/mdcPi60frIqHE9Z019NT+Ok67EiQQAAAABJRU5ErkJggg==","#500ca3",{"id":168,"background":169,"text":69},"Pc385ehTQI-KOiUWajeUhg",{"hex":68},{"id":171,"type":72,"space":73},"VB4TdsI6S2CqWu7h6Q4hHA",{"id":173,"type":174,"icon":136,"quote":175,"cite":176,"theme":177},"Y_S8Ec5IT9mX5ps_KjlMPA","quote_block","Imagine being able to create hundreds of product walkthroughs and being able to easily update them as the product evolves, without having a large content production team.","Reaction to an early demo",{"id":178,"background":179,"text":69},"J1bxyHopTaOYeQuehcE86A",{"hex":68},{"id":181,"type":72,"space":73},"E2IZIMv6RQyut_SJEgSzXw",{"id":183,"type":87,"title":184,"text":185,"media":186,"caption":10,"theme":199,"reverse":136},"I2dExb3fTa-1ji86h7O_BA","\u003Ch2 dir=\"ltr\">\u003Cspan>Where did Claude Code struggle?\u003C/span>\u003C/h2>","\u003Cp dir=\"ltr\">\u003Cspan>While the features came together rather quickly, the parts of the experience a Motion Designer cares about, naturally, took the most time to get right.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>“One of the things I noticed that was the hardest part to manage was animations and interactions, which for me are critical, and took a lot more time than I expected to get right. About being surprised at what Claude Code could do, I’d say most of it. I’ve never been in a position of working on a tool like this without this kind of technology.”\u003C/span>\u003C/p>",{"id":187,"_createdAt":188,"alt":34,"title":34,"focalPoint":189,"width":121,"height":96,"thumbnail":190,"small":191,"medium":192,"responsiveImage":193,"video":34},"edNOuBm4ScOHQrkKzzwOGw","2026-08-10T22:50:36+01:00",{"x":21,"y":21},"https://www.datocms-assets.com/157026/1786398631-joao-4.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1786398631-joao-4.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1786398631-joao-4.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":194,"webpSrcSet":10,"sizes":128,"src":195,"width":121,"height":96,"aspectRatio":196,"alt":34,"title":34,"base64":197,"bgColor":198},"https://www.datocms-assets.com/157026/1786398631-joao-4.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 198w,https://www.datocms-assets.com/157026/1786398631-joao-4.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 397w,https://www.datocms-assets.com/157026/1786398631-joao-4.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 595w,https://www.datocms-assets.com/157026/1786398631-joao-4.png?auto=format&fit=max&h=2880&q=95&w=2880 794w","https://www.datocms-assets.com/157026/1786398631-joao-4.png?auto=format&fit=max&h=2880&q=95&w=2880",0.9043280182232346,"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAIAAAC6gEm5AAACOElEQVR42m1UAZLcMAgD4uv1A/1In9T/P6C9i00lgZ3tTXcYx0tABgln/Pzxy3zZBZs2bhuf9nYn9rHM08xtRd7DPt/s493+vNtvrN/t41uuN7NhFoNxblppib09f7HN3h/n9vCHNQdOaxeOfQx/k35TIZFVVD5haXOhBEJkJ0z1QstLQZcaSZUU23N1fnsWUGzkmAwtLo6N2dWhhGli5Mp+u3pFfsLAR0EE0wh3rCoHNwUEz2QmY9AC9ivAisGhKo4ibbkhKkgcCgJ2d5m5LkOFgrjVyNyilu1GCHGpEeHO2eXUBn5nI/fm4n5KqG6tuWA73UhbDnAxTW1uLuB9qlDc4UKzwQSKtemkghe7I8TFRz5ybGnQSCVzDVJYuEdyFBV8O4gX6dJZas8zYOAQA0CI8jjD0jVH3uPX03lG0ztUcTS8WZxnV44LpUYWhVv2gHsPPIPaW3F1QZqJuhHcd4x03hB65Ks3sx3e4McyXz1eNurKuV7bv/YfJ/hZnWkQXTbQoC5ywyciQqF9wzwrDTbdtcnJPQdcNuglhNMQpNX6C8FqXclM08ZmeEE0kI8oiMpxxXno9BB7zCE010jt5dnGKmZD6PyQLtVYcRQqIfb5nUnPLVMjTNt87F4wNCGeV2d+Od+/VhEhAdQbupit/B5tdveC8rBQ6kBUyWNFwRIXZbYvmOhcLccRgiWQrzii1lh5bv1dl4MSago897Fry5xemcO2eDXHnvWRt93I9mhKTAPsPesd8hcdHCldw8iaaQAAAABJRU5ErkJggg==","#6001b5",{"id":200,"background":201,"text":69},"CS8oZehpTuy2nri0fLjJZA",{"hex":68},{"id":203,"type":72,"space":73},"Vmmn4nsSR_SQu98ZD0WZ0g",{"id":205,"type":76,"eyebrow":10,"title":10,"text":206,"cta":34,"list":207,"stats":208,"theme":209},"JplrfIafRjSPgPavZup06A","\u003Cp dir=\"ltr\">\u003Cspan>A motion designer took a process he had run by hand for two years and taught it to run itself. The tool writes the script, generates the voiceover, and assembles a Premiere-ready timeline, and it moved from his laptop to a live client engagement in about a month. Claude Code built every feature he asked for. What it could not do was decide when the motion felt \"right\"; that judgement remained with the expert.\u003C/span>\u003C/p>\n\u003Cp>\u003C/p>",[],[],{"id":210,"background":211,"text":69},"FCBiKYcwQZOQCnhtbv2x-A",{"hex":68},{"id":213,"type":72,"space":73},"BrOXDxbNTziku353c4bgDQ",{"id":215,"type":216,"title":217,"collapsed":136,"items":218,"theme":295},"FPTN1j3mRQuuZMr_iaZoYg","how_to_block","How to build an AI-assisted video production tool with Claude Code",[219,235,247,259,271,283],{"id":220,"title":221,"content":222},"KRoNrha6Q5e3yX61RfSyeA","Map the manual process you already own",{"value":223,"blocks":234},{"schema":224,"document":225},"dast",{"type":226,"children":227},"root",[228],{"type":229,"children":230},"paragraph",[231],{"type":232,"value":233},"span","Write out every step of the workflow you want to automate, in order. João had run his MOGRT-based Premiere process by hand for about two years, so he knew exactly what to hand off. That written process is your spec, and the clearer it is, the less you have to explain to Claude Code later.",[],{"id":236,"title":237,"content":238},"EQvwf63JTcGAtEvFAV893g","Prove the riskiest connection before you build anything else",{"value":239,"blocks":246},{"schema":224,"document":240},{"type":226,"children":241},[242],{"type":229,"children":243},[244],{"type":232,"value":245},"Find the one integration the whole tool depends on and test it first. João’s was whether code could drive Premiere directly. Premiere is scriptable through Adobe’s UXP API (the current path in Premiere 2026; the older ExtendScript still works into late 2026), so have Claude Code write a small script that opens Premiere and makes one real edit. If that works, the rest is worth your time.",[],{"id":248,"title":249,"content":250},"Y4xcHZXBS4iPDk345zxs0Q","Prototype loosely, then graduate to Claude Code",{"value":251,"blocks":258},{"schema":224,"document":252},{"type":226,"children":253},[254],{"type":229,"children":255},[256],{"type":232,"value":257},"João’s first versions ran in Claude Chat: generate the files, download them, run them locally. That is enough to prove an idea. Once it works, move to Claude Code so the tool becomes a real product that runs across machines instead of only your own.",[],{"id":260,"title":261,"content":262},"WBucjWHwRmyqroRGBGWUYA","Drive the output through templates, not one-off renders",{"value":263,"blocks":270},{"schema":224,"document":264},{"type":226,"children":265},[266],{"type":229,"children":267},[268],{"type":232,"value":269},"The workflow was built on MOGRTs, the Motion Graphics Templates edited through Premiere’s Essential Graphics panel and populatable from data. Generating a timeline then means generating the data that fills those templates, so every output stays on-brand and an editor can still adjust it afterward.",[],{"id":272,"title":273,"content":274},"EU6VoIGlQJ-9XX6w1PZp5w","Replace one manual step at a time",{"value":275,"blocks":282},{"schema":224,"document":276},{"type":226,"children":277},[278],{"type":229,"children":279},[280],{"type":232,"value":281},"João layered in script generation, an AI voiceover (through a text-to-speech API such as ElevenLabs), and a brief and setup builder over successive weeks, each from a real gap he hit in use. Build the piece you actually need next, not the whole feature list at once.",[],{"id":284,"title":285,"content":286},"DaA1h2I5Qxy7SMow9jdVxw","Deploy it where the team can open it",{"value":287,"blocks":294},{"schema":224,"document":288},{"type":226,"children":289},[290],{"type":229,"children":291},[292],{"type":232,"value":293},"João pushed the tool to Vercel so it stopped living on his laptop. The moment a colleague could use it, it became a shared workflow, and shortly after, a tool on a real client engagement. Spend your extra time on motion and interaction; those were the hardest for Claude Code to get right, and for a video tool they are the part that has to feel correct.",[],{"id":296,"background":297,"text":69},"J0WcUkoqT1CnLeK5I27Y5w",{"hex":68},{"id":299,"type":72,"space":73},"M84dXUrJSYCY5xC2_iYq1w",{"id":301,"type":302,"media":303,"theme":306},"BZGadbJ_Tz-LibLUcgZGVA","media_full_block",{"id":49,"_createdAt":50,"alt":51,"title":10,"focalPoint":304,"width":53,"height":54,"thumbnail":55,"small":56,"medium":57,"responsiveImage":305,"video":34},{"x":21,"y":21},{"srcSet":59,"webpSrcSet":10,"sizes":60,"src":61,"width":53,"height":54,"aspectRatio":62,"alt":51,"title":10,"base64":63,"bgColor":64},{"id":307,"background":308,"text":69},"RQhlEPrUT46bUjTM2TUNqA",{"hex":68},{"id":310,"type":72,"space":73},"Ztw8jJ3LSkG3uvvWAGI-lg",{"id":312,"type":313,"title":10,"aligned":69,"items":314,"theme":375},"dml1Qn-8QkGoNScPRPsdvw","faq_block",[315,327,339,351,363],{"id":316,"question":317,"answer":318},"SVb95U0bQJev09bbF69XcQ","Can you automate Adobe Premiere Pro with AI?",{"value":319,"blocks":326},{"schema":224,"document":320},{"type":226,"children":321},[322],{"type":229,"children":323},[324],{"type":232,"value":325},"Yes. Premiere exposes a scripting API, so an AI coding tool like Claude Code can generate scripts that open the app, build sequences, and populate templates. João’s AIA Timeline Builder turns a brief into a Premiere-ready timeline this way.",[],{"id":328,"question":329,"answer":330},"OC-N9q3gQoqAW-hJqKW6lA","How do you connect a custom tool to Premiere Pro?",{"value":331,"blocks":338},{"schema":224,"document":332},{"type":226,"children":333},[334],{"type":229,"children":335},[336],{"type":232,"value":337},"Through Adobe’s plugin scripting. Premiere 2026 uses the UXP API, and the older ExtendScript is still supported into late 2026. A script running in Premiere can create sequences and drive Motion Graphics Templates from outside data.",[],{"id":340,"question":341,"answer":342},"YnjHW4j7S6aBYQcA6RKTQw","What is a MOGRT?",{"value":343,"blocks":350},{"schema":224,"document":344},{"type":226,"children":345},[346],{"type":229,"children":347},[348],{"type":232,"value":349},"A Motion Graphics Template, a reusable animated graphic edited through Premiere’s Essential Graphics panel. Its text, color, and layout are exposed as properties, and data-driven MOGRTs can be filled from a spreadsheet, which is what lets a tool assemble on-brand edits automatically.",[],{"id":352,"question":353,"answer":354},"QV7AHIi3RPu15u_g37LP1A","Can you generate an AI voiceover for a video edit?",{"value":355,"blocks":362},{"schema":224,"document":356},{"type":226,"children":357},[358],{"type":229,"children":359},[360],{"type":232,"value":361},"Yes. Text-to-speech APIs such as ElevenLabs turn a script into natural narration, which a production tool can place into the timeline alongside the visuals.",[],{"id":364,"question":365,"answer":366},"ENlI1Y99Tcm6vTZpI3ODrQ","Do you need to know how to code to build something like this?",{"value":367,"blocks":374},{"schema":224,"document":368},{"type":226,"children":369},[370],{"type":229,"children":371},[372],{"type":232,"value":373},"No. João is a Motion Director, not an engineer. He described the workflow he already knew and had Claude Code write and connect the code, keeping his own time on whether the motion felt right.",[],{"id":376,"background":377,"text":69},"DSAh-yP5TQWn6rWkq9gDlQ",{"hex":68},{"id":379,"type":72,"space":380},"N53SoZLhToG9sdh5G-CBJQ","large",{"noIndex":69,"title":382,"description":383,"image":384},"Can You Automate Video Production With AI? | Fantasy","A Fantasy motion director built a tool with Claude Code that turns a brief into a script, an AI voiceover, and a Premiere-ready timeline in about a month.",{"url":385},"https://www.datocms-assets.com/157026/1786396926-how-we-build-ai-video-production-tool-claude-code-link-preview.png",[387,411],{"id":388,"slug":389,"title":390,"date":391,"categories":392,"featuredMedia":397},"dBZUNtWmTG6gSHDdcF3tqg","ai-made-building-easy-coherence-decides-what-survives","AI Made Building Easy. Coherence Decides What Survives.","2026-06-01",[393],{"id":394,"slug":395,"title":396},"DyewnagRR_iVnChZL92zWA","read-on-fast-company","Read on Fast Company",{"id":398,"_createdAt":399,"alt":34,"title":34,"focalPoint":400,"width":53,"height":401,"thumbnail":402,"small":403,"medium":404,"responsiveImage":405,"video":34},"TIRwqYCuSqOW2YR4Y2Cxhw","2026-07-29T21:30:22+01:00",{"x":21,"y":21},1080,"https://www.datocms-assets.com/157026/1785357016-fast-company-article-template.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1785357016-fast-company-article-template.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1785357016-fast-company-article-template.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":406,"webpSrcSet":10,"sizes":60,"src":407,"width":53,"height":401,"aspectRatio":408,"alt":34,"title":34,"base64":409,"bgColor":410},"https://www.datocms-assets.com/157026/1785357016-fast-company-article-template.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 480w,https://www.datocms-assets.com/157026/1785357016-fast-company-article-template.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 960w,https://www.datocms-assets.com/157026/1785357016-fast-company-article-template.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 1440w,https://www.datocms-assets.com/157026/1785357016-fast-company-article-template.png?auto=format&fit=max&h=2880&q=95&w=2880 1920w","https://www.datocms-assets.com/157026/1785357016-fast-company-article-template.png?auto=format&fit=max&h=2880&q=95&w=2880",1.7777777777777777,"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoIEwgLDg0PDg8NDQ0NDhINFg0YFx8ZGBYVFhUaJysjGh0oHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHBANHDsdFhwvLy8vLy87Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA4AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAEBQACA//EAB0QAAICAQUAAAAAAAAAAAAAAAACAQMxBAUREhT/xAAVAQEBAAAAAAAAAAAAAAAAAAADAP/EABkRAAIDAQAAAAAAAAAAAAAAAAADAQQhAv/aAAwDAQACEQMRAD8AP80S+QmdCvTIqnVurl33K2F4D6foi6cmr0RW+SCy7cLJYgsOwppH/9k=","#9c8e18",{"id":412,"slug":413,"title":414,"date":415,"categories":416,"featuredMedia":421},"LsbIqgZJRV69q2TEBzoOnw","what-is-an-ai-native-design-system","What Is An AI-Native Design System?","2026-07-23",[417],{"id":418,"slug":419,"title":420},"BNHDMcqGRAmO2nSQJkFHgg","insights","Insights",{"id":422,"_createdAt":423,"alt":424,"title":425,"focalPoint":34,"width":426,"height":427,"thumbnail":428,"small":429,"medium":430,"responsiveImage":34,"video":431},"YBMy6lApQvKg3tSInEZdnQ","2026-06-29T18:30:50+01:00","Opening sequence of Eliza, BNY's enterprise AI platform, the assistant interface emerging from a dark field, designed by Fantasy.","BNY Eliza AI platform: opening hero loop, designed by Fantasy",2048,1316,"https://www.datocms-assets.com/157026/1782846164-bny-eliza-ai-opening-hero-desktop.mp4?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1782846164-bny-eliza-ai-opening-hero-desktop.mp4?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1782846164-bny-eliza-ai-opening-hero-desktop.mp4?auto=format&fit=max&h=2000&q=95&w=2000",{"mp4low":432,"mp4medium":433,"mp4high":434,"width":426,"height":427,"thumbnailUrl":435,"title":425,"duration":436},"https://stream.mux.com/cduP02nqZ8OyiMVnLYr26ltDgVz28Pte3/low.mp4","https://stream.mux.com/cduP02nqZ8OyiMVnLYr26ltDgVz28Pte3/medium.mp4","https://stream.mux.com/cduP02nqZ8OyiMVnLYr26ltDgVz28Pte3/high.mp4","https://image.mux.com/cduP02nqZ8OyiMVnLYr26ltDgVz28Pte3/thumbnail.jpg",9,1786418625154]