Watch me vibe code an Animated App (Opus 5.5)

Watch me vibe code an Animated App (Opus 5.5)

More

Summary

This tutorial from Jack Roberts shows how to use Claude Opus 5.5 to build polished, animated apps and websites, even without coding experience. The walkthrough uses Abacus AI, which routes prompts to different models, and follows a three-level system for going from idea to published app.

Level one is gathering strong design references. Rather than asking an AI to simply build an app, the video recommends collecting real screens from proven apps on sites such as Mobbin, Screen Design, and Page Flows so the model can follow specifics like type scale, spacing, grids, corner radius, color tokens, and motion. Level two is defining the app’s structure and user journey. The demo prompts a Duolingo-style learning app with a loading animation, login, a level map, an animated character, celebrations, streak tracking, profile editing, and a backend database, then asks the model to improve the prompt before building.

The video also suggests sketching screens in a tool like Canva and dropping the images into the prompt for extra guidance. It highlights Opus 5.5’s motion design abilities and notes that the creator says Fable-level work is now available at about 40% lower cost. The video is sponsored by Abacus AI.


📺 Source: Jack Roberts · Published October 01, 2026
🏷️ Format: Tutorial Demo

1 Item

Channels