Hey DEV community! 👋 I'm Duncan.
If you are anything like me, you love building apps but absolutely dread making the demo videos for them. The endless cycle of screen recording, taking static screenshots, importing them into a heavy video editor, and fighting with keyframes is exhausting.
I wanted to see if we could automate the absolute worst parts of this workflow for developers. I think we finally did it.
Today, I'm super excited to share the first phase of Brand Narratives AI.
🛠️ How it works: No screenshots required
Instead of relying on clunky screen captures, we built an engine that reads your code directly.
You just paste your GitHub link, and our engine parses it to automatically rebuild your app's exact design natively inside our video editor. Because we are reconstructing the actual UI elements rather than just snapping a flat PNG, every piece of your interface remains fully editable in the canvas.
🔮 What’s Next: Auto-Animation
This is where it gets really fun. Because our engine is actually parsing your code rather than just looking at pixels, it understands your app's semantic structure.
In our next update, it will use that context to act as your personal automated motion designer. Since it knows exactly what it's looking at, it will know that a list element should automatically slide in item-by-item, or that a popup modal should bounce into view. It will animate your app based purely on how you built it.
🧪 Try it out!
I would love for you to try out the first phase today. Drop a GitHub link into the engine and see how it handles your UI.
Link: [http://brandnarrativesai.com]
Let me know what you think in the comments, and definitely let me know if you run into any weird edge cases. Happy to answer any questions about how the engine works under the hood!
Happy building! 💻✨
Top comments (0)