Watch me vibe code an Animated App (Opus 5.5)

From the creator

🎬 Abacus AI: https://bit.ly/4dfaHu2 πŸ“ˆ Agentic OS + Claude Code Masterclass: https://bit.ly/4kol0y5 πŸ‘¨β€πŸ« Skool: https://bit.ly/4mamFIH *πŸ‘‹ Howdy* Hey, I'm Jack, I built and sold my last tech startup with a Gazillion customers, now I'm building AI startups and I share stuff that works. I quit my corporate job to do my start-up and have never looked back since. *πŸ’¬ Overview* Claude Opus 5.5 can build apps and websites that look properly designed, even if you've never written a line of code. The trick is giving it the right system. I walk through three levels inside Abacus AI Agent. Level one is design references: proven screens from Refero, Screensdesign, Mobbin and Page Flows, so the model knows what good looks like. Level two is mapping the app's journey, from the loading screen to the level map to the celebration, with a quick sketch in Canva or Figma. Level three is refining and shipping. To show it working, I build an AI version of Duolingo with an animated owl, accounts, XP and streaks, deploy it live in about two minutes, then have an AI quality engineer test it before anyone else sees it. It suits founders, creators and anyone with an app idea. *Links* 🎬 Abacus AI Agent: https://bit.ly/4dfaHu2 ☁️ Claude Opus 5.5: https://claude.ai πŸ”Ž Refero: https://refero.design πŸ“± Screensdesign: https://screensdesign.com 🧩 Mobbin: https://mobbin.com πŸ”€ Page Flows: https://pageflows.com πŸ‘Ύ Canva: https://canva.com 🎨 Figma: https://www.figma.com πŸ’³ Stripe: https://stripe.com *⌚️ Stamps* 0:00 - Intro 0:20 - The 3-Level System 0:57 - Setting Up Abacus AI Agent 2:11 - Level 1: Get The Right Design References 2:44 - Where To Find Proven App Designs 4:11 - Build Your Reference Collage 5:42 - The AI Duolingo Prompt 6:29 - Level 2: Map Your App's Journey 7:43 - Sketch Your Screens In Canva And Figma 9:03 - The First Build: AI Lingo 11:22 - The Full Claude Code Course 11:43 - Level 3: Refine And Ship 12:27 - Deploy Your App Live 13:00 - Test With An AI Quality Engineer 13:59 - What We Covered 14:31 - Why Design Systems Matter Build a beautiful, animated mobile app with Claude Opus 5.5 and Abacus AI Agent: vibe coding with design references from Refero and Mobbin, app journey mapping, a database, one-click deployment and AI quality testing, with no coding experience needed. #Opus55 #VibeCoding #AbacusAIAgent #AIAppBuilder #NoCode #ClaudeAI

Choose to Build with AI
Matched to AI Application

AI Maker Residence at KOKO

The third AI workshop taught by our legendary teacher, Nick Sarafa. In one of the last events we did an asset manager raised an additional Β£25M on their fund within a space of 9 months. This is a full-day hands-on training workshop for purposeful co-creation with AI using Claude Code. Imagine having access to hundreds of billions of dollars of computing power and knowing exactly how to make it work for you through the power of super intelligence. One person did.

β—† Fri 09 Oct 2026 β—† KOKO Cafe, London β—† With Nick Sarafa
AI Maker Residence at KOKO
Live event
AI Maker Residence at KOKO
Fri 09 Oct 2026

More like this

Running one yourself?

List your AI event,
wherever it is.

A meetup, a workshop, a hackathon, a conference. Any city, or online. Tell us about it and it lands in front of people already learning this stuff.