Repository navigation
Home
Describe a flow in your Laravel app and get a recorded how-to video of it.
An AI model reads your app's code and plans the walkthrough. Claude is the default; OpenAI, Gemini, local models and others also work. Playwright then records it in a real browser against your local copy of the app, with a cursor, captions and title cards. You choose the length, the style and the screens (desktop, TV, tablet, mobile), and you see the cost before anything is spent.
Videos are made on your machine and published to any Laravel disk. Your production app shows them in a ready-made help library, or inside your own pages with a Blade component.
composer require ogunsakin01/laravel-video-demos
php artisan video-demo:install
Full video (MP4, about three minutes): describing a video, the cost, sample data, checking that videos still work, editing a plan, help on each page, other languages, downloads, your logo and watch counts.
The studio, where you make them:
The library, where your users watch them:
| Desktop | Mobile |
|---|---|
 |
 |
| If you want to… | Read |
|---|---|
| Install it, and check it's set up properly | Setup Checklist · Installation |
| Update it | Upgrading |
| Make your first video | The Studio |
| Record without your own data, as any type of user | Sample Data |
| Choose how videos look and which screens they cover | Styles and Screens |
| Add a narrator and background music | Voice-over and Music |
| Show videos to your users | The Library |
| Make videos from scripts, CI or an AI agent | Command Line |
| Build your own screens on top of it | Using It From Code |
| Use another AI provider, or keep costs down | AI Providers and Costs |
| Change a setting | Configuration |
| Fix an error | Troubleshooting · FAQ |
| Know what is sent where | Security |
- You describe the video in the studio. A few words are enough: Complete with AI turns them into a full description with a title, start page and length.
- A sample database is prepared. A copy of a database built from your migrations and seeders, with a user of the type you chose. Your own data isn't used. See Sample Data.
-
The AI reads your code. It gets your route list and read-only access to the folders you allow, never
.env, with anything that looks like a secret hidden. It works out what the pages need, adds that data, and writes a step-by-step plan: go to a page, click a button, type into a field, show a caption. - Pages are checked in a browser before any recording, at no AI cost.
- Playwright records the plan once per screen you chose. If a step fails, the AI gets the error and the page, fixes the plan, and the recorder tries again.
- ffmpeg encodes each recording to MP4 with a poster image.
- You watch it and publish it to your storage disk, where your production app's library reads it.
The plan is stored with the video, so after your app's design changes you can record it again at no AI cost.
- PHP 8.3+ and Laravel 12 or 13
- Node.js 18+ and ffmpeg on the machine where you make videos (not in production)
- An Anthropic API key, or another provider's key through Prism