← Al het werk

demotale

Een npm-CLI die één Playwright-walkthrough omzet in een video, een gif of docs-stills van je webapp, en die opnieuw opneemt in CI als de UI verandert.

demotale demo

Probleem

Productdemo’s verouderen zodra de UI verandert. Schermopnames zijn handwerk, lastig over te doen, en de gif in de README loopt altijd een versie achter.

Wat AI doet

demotale is gemaakt voor mensen en coding agents. Een scenario is een gewone Playwright-test in demo/*.demo.ts, dus een agent kan het schrijven en repareren. Na installatie geeft npx demotale agent-guide agents instructies die bij de versie passen, in plaats van stappen uit het geheugen. De opname zelf is deterministisch: er zit geen LLM in de lus.

Demo

Playwright voert de kliks uit, tekst op het scherm legt elke stap uit. Je kiest het resultaat: demotale video (mp4 met ondertitels), demotale gif, of demotale images N voor docs-stills van de echte UI.

Resultaat

Eén walkthrough, drie dingen die je kunt opleveren, en alle drie blijven actueel: hetzelfde scenario draait in CI en neemt opnieuw op als het product verandert. Geen microfoon, geen account, geen upload. Gepubliceerd als @pesuto/demotale op npm, Apache-2.0.