Создание real-time дашборда для Fluently с помощью AI

Дома стоит большой телевизор, и вчера мне пришла в голову идея собрать для Fluently real-time дашборд с разной аналитикой. Получилось прикольно! Видно, сколько людей и из каких стран общаются с нашими тьюторами, а когда кто-то покупает подписку, включаются прикольная анимация и звук 🥹 За последние пару недель пришел к тому что, чтобы вайбкодить такие штуки быстро и симпатично, надо просить модель сначала собирать js прототип с разными вариантами каждого элемента. Особенно это актуально там, где нужно перекомпилировать проект, прежде чем увидеть результат. Для каждого элемента, который вы видите на видео, было 4–5 вариантов реализации. Я игрался с тоглами и смотрел, как всё будет выглядеть в композиции. Оно лагало, и там были разные баги, но зато это был один промпт☝🏻 Второй промпт как раз чтобы зафиксировать конкретные решения, поправить косяки и оформить это пулл реквестом в репу. Осталось заюзать третий промпт, чтобы он выключил озвучку покупок с полуночи до 8 утра 😁