v0 Power Hour

VVercel
Internet TechnologySmall Business/StartupsComputing/Software

Transcript

00:00:00>> Привет всем.
00:00:07>> Здравствуйте, все.
00:00:14>> Привет.
00:00:17>> Как дела?
00:00:23>> Я в восторге.
00:00:32>> Что ж, добро пожаловать на наш первый V0 Power Hour.
00:00:37Мы решили попробовать этот формат.
00:00:39Нам показалось,
00:00:40что было бы здорово выходить в прямой эфир раз в неделю или раз в пару недель и создавать что-то в V0 вместе с комментариями от аудитории.
00:00:48В будущем, надеюсь, у нас появятся интересные гости.
00:00:51Но сегодня с нами участники команды сообщества Vercel.
00:00:55Я Али. Я работаю над V0.
00:00:58Моя должность — член технического персонала.
00:01:00Так я представляюсь в последнее время.
00:01:02>> Мне было сложно определить твою должность.
00:01:05Я думала: «Она занимается всем понемногу».
00:01:09>> Кэролайн, Эми, может, представитесь??
00:01:12А потом, думаю, мы повеселимся, создавая промпты.
00:01:15>> Да.
00:01:15Кэролайн, хочешь начать??
00:01:17>> Да, с удовольствием. Я Кэролайн.
00:01:19Работаю с Али над V0 и много времени провожу с нашим сообществом,
00:01:23и это мой первый прямой эфир.
00:01:25Я также присоединилась к Vercel месяц назад,
00:01:26так что я очень рада.
00:01:27Многие участники сообщества просили об этом.
00:01:30Али только что сказала,
00:01:31что мы делаем это еженедельно,
00:01:32так что,
00:01:32похоже,
00:01:32это теперь еженедельно.
00:01:33>> Да. Вы, наверное, уже меня видели.
00:01:38Я Эми.
00:01:38Я тоже в команде сообщества Vercel,
00:01:41и обожаю вести такие прямые эфиры..
00:01:43Это точно не мой первый, но я очень рада сегодняшнему.
00:01:46>> Да. У нас тут бывалый профи. Обожаю.
00:01:49Отлично.
00:01:50Если вы еще не вошли в сообщество Vercel,
00:01:53именно этот чат мы и будем смотреть..
00:01:57Это мероприятие,
00:01:58кажется,
00:01:58в сообществе Vercel,
00:02:00убедитесь,
00:02:00что вы вошли в систему,
00:02:02и тогда сможете предлагать промпты или интересные идеи,
00:02:05которые мы можем создать в V0.
00:02:08В остальном мы просто будем принимать предложения от сообщества и смотреть,
00:02:12что V0 сможет создать.
00:02:14Я что-нибудь забыла, Эми?
00:02:15>> Пару быстрых напоминаний для чата.
00:02:18Убедитесь,
00:02:19что нажали «Пойду» на мероприятии,
00:02:21тогда вы сможете отправлять сообщения,
00:02:23а не только читать.
00:02:24Просто помните о правилах поведения.
00:02:27В общем, будьте вежливы друг с другом.
00:02:29>> Прекрасно. Обожаю.
00:02:32Что ж,
00:02:32думаю,
00:02:33Кэролайн,
00:02:33у нас есть первый промпт,
00:02:35с которого мы начнем,
00:02:36в качестве вступления к этому Power Hour.
00:02:39>> Он от амбассадора.
00:02:40>> Отлично.
00:02:42Вот этот промпт,
00:02:43с которого я начну,
00:02:45давайте я покажу свой экран,
00:02:48а потом приступим к работе с V0..
00:02:52Так-так. Отлично. Все видят?
00:03:01>> Да.
00:03:02>> Отлично.
00:03:03Промпт,
00:03:03с которого мы начнем: создать заставку для V0 Power Hour с использованием ASCII-анимации шейдеров..
00:03:13Обязательно начать с приветствия «Hello World».
00:03:15Сделать так,
00:03:16чтобы ASCII-символы перестраивались для каждого сообщения с последовательной анимацией,
00:03:20оставляя каждое сообщение видимым примерно на три секунды..
00:03:23Строки сообщений должны быть короткими.
00:03:25Давайте отправим это в V0 и посмотрим, что получится.
00:03:30Это довольно конкретный промпт. Мне нравится.
00:03:32>> Я очень ждала Power Hour.
00:03:36>> Отлично. Здорово.
00:03:40V0 думает,
00:03:41а потом начнет генерировать то,
00:03:44что мы хотим создать.
00:03:46Прекрасно.
00:03:51>> Хорошее напоминание,
00:03:52что нам нужна анимированная заставка.
00:03:54Думаю,
00:03:55если мы начнем делать Power Hour регулярно,
00:03:56сделаем её.
00:03:57>> Да, может, используем её для Power Hour.
00:04:00Так мило. Обожаю.
00:04:05Хочу сделать что-нибудь на праздничную тему.
00:04:08У меня тут праздничный свитер.
00:04:12>> Ты видела,
00:04:12что один из амбассадоров сегодня поделился трекером Санты?
00:04:16>> Боже мой.
00:04:16Они выложили это в соцсетях??
00:04:18>> Это было на испанском,
00:04:18так что мне пришлось разбираться,
00:04:19как перевести на английский.
00:04:20Не знаю, где сейчас Санта, но можем проверить.
00:04:24>> Ну, может, мы тоже создадим трекер Санты. Звучит весело.
00:04:28V0 все еще работает.
00:04:33Он говорит нам, что делает.
00:04:37Посмотрим.
00:04:38Какие еще есть идеи?
00:04:39Трекер Санты...
00:04:41Пишите в чат,
00:04:42если у вас есть другие идеи для праздничных промптов,
00:04:46которые мы можем отправить в V0.
00:04:49Дайте нам знать..
00:04:51>> Думаю,
00:04:51доска лидеров эльфов по производительности,
00:04:55типа топ эльфов.
00:04:56>> Они выполняют свои KPI?
00:04:59>> Именно.
00:05:00>> Эльфы правильно соревнуются?
00:05:01>> Мы могли бы составить список послушных и непослушных,
00:05:04но в Версале мы могли бы выяснить,
00:05:06кто из команды в списке послушных,
00:05:07а кто — непослушных.
00:05:08>> Атар это прикроет.
00:05:10>> Да, не думаю.
00:05:11>> Может, сделаем это для каких-нибудь выдуманных людей.
00:05:14>> Можем использовать вымышленные имена.
00:05:15Можем взять имена эльфов..
00:05:17>> Можем просто использовать знаменитостей.
00:05:18Знаменитости, послушные и непослушные.
00:05:19>> О, да.
00:05:20Список послушных и непослушных будет отличным..
00:05:21>> Даже не это — сейчас 2025.
00:05:23>> Да. Может, это будет спорно.
00:05:27>> О, у нас вопрос в чате.
00:05:29Хотят узнать, какую модель мы сейчас используем.
00:05:32>> О, хороший вопрос.
00:05:34>> Мы сейчас на V0 Pro.
00:05:37Наверное, стоило выбрать модель до того, как я начал.
00:05:44Сейчас просто стоит по умолчанию.
00:05:46Но эта задача очень специфичная.
00:05:48Думаю, поэтому она немного дольше строится.
00:05:51>> Немного думает.
00:05:53>> У нас тоже вопрос.
00:06:01Правда ли, что V0 Max лучше для генерации изображений?
00:06:04>> Да.
00:06:04V0 Max — это,
00:06:05по сути,
00:06:06топовая модель,
00:06:07которая у нас здесь есть..
00:06:09Видите,
00:06:10написано,
00:06:10что у неё максимальный интеллект для сложных задач.
00:06:13Работает на Cloud Opus.
00:06:14Это даст вам дизайны и генерации высочайшего качества.
00:06:19>> Наш трекер Санты должен использовать V0 Max.
00:06:25>> Я в своём личном аккаунте.
00:06:27Если у меня кончатся кредиты,
00:06:29придётся делать это на чьём-то другом.
00:06:31>> Договорились.
00:06:33>> Потрясающе. Напряжение нарастает.
00:06:38Я такая: что же это будет?
00:06:41>> Оно прямо старательно думает,
00:06:43как выстроить все эти маленькие символы.
00:06:46>> Я знаю. Точно будет что-то потрясающее.
00:06:50>> Мне кажется,
00:06:51это всегда были те штуки с символами,
00:06:53которые я видел у людей в Твиттере,
00:06:54и они часами разбирались,
00:06:56как же люди тратили время,
00:06:57чтобы увидеть,
00:06:58где они все выстроились?
00:07:00Круто, что теперь это можно просто сделать с V0.
00:07:02Не нужно тратить время на клавиатуру.
00:07:04>> Точно.
00:07:06Может, начнём с чего-то другого, пока это строится..
00:07:12Это я говорю V0.
00:07:15Дайте-ка я поделюсь этой вкладкой.
00:07:19У нас уже есть какие-то промпты в чате,
00:07:21Кэролайн,
00:07:22с которых можно начать?
00:07:24>> Эми, есть что-то в чате?
00:07:26>> Не вижу ничего в чате.
00:07:29>> Попробую трекер Санты.
00:07:32Посмотрим. Сделаю вот так.
00:07:40Мы построим внутренний дашборд для операций Санты.
00:07:45Трекер саней,
00:07:46планировщик маршрутов,
00:07:48таймер оленей,
00:07:50таблица послушных и непослушных,
00:07:53и планировщик маршрутов.
00:07:56Посмотрим. Этот тоже на V0 Pro.
00:08:02Всё ещё строится.
00:08:04Мне кажется, кто-то из нас должен был нарядиться Сантой..
00:08:13>> Я знаю. Надо было надеть свитер.
00:08:15Я так завидую, что у тебя есть.
00:08:17>> Я знаю.
00:08:18>> Я заказала это через DoorDash из Target вчера.
00:08:22Оказалось, можно заказывать одежду из Target через DoorDash.
00:08:25У меня не было никаких праздничных вещей,
00:08:27потому что я переехала через всю страну и,
00:08:30кажется,
00:08:31просто потеряла кучу всего.
00:08:33Я такая: "Мне нужен праздничный свитер на завтра,
00:08:35потому что мы это делаем".
00:08:36Оказывается, можно заказать через DoorDash из Target.
00:08:39Кто бы знал..
00:08:40>> Полезно знать.
00:08:41>> Инновации.
00:08:44>> Мы задали трекеру Санты очень много задач.
00:08:50Когда ты обычно строишь такие вещи в V0,
00:08:53ты добавляешь все запросы сразу или предпочитаешь просто сделать каркас,
00:08:57а потом дорабатывать?
00:08:59В данном случае,
00:09:00ты бы сразу указала кормушку для оленей или как ты предпочитаешь строить?
00:09:03>> Я люблю начинать максимально конкретно,
00:09:06если строю что-то,
00:09:08где хочу получить очень точный превью именно того,
00:09:12что ищу.
00:09:13Например,
00:09:14я знаю,
00:09:14что наша продуктовая команда,
00:09:16когда мы работаем над техзаданиями или обновлениями продукта,
00:09:21очень конкретна в промптах для V0.
00:09:24На самом деле мы используем baby-шаблон V0,
00:09:28который был создан внутри V0,
00:09:31и используем его с очень конкретными промптами,
00:09:36чтобы увидеть то,
00:09:38что хотим увидеть.
00:09:40>> Да.
00:09:40>> Кажется, мы почти с одного раза сделали это.
00:09:45Посмотрим. Всё ещё работает.
00:09:49Обожаю этот звук. Ладно.
00:09:51>> Я тоже.
00:09:52>> Посмотрим. Вот наш превью.
00:09:56Командный центр Санты, операции Северного полюса.
00:09:59Это точно, да, пять дней.
00:10:03V0 понял, когда Крис говорит трекер саней.
00:10:08Прямо сейчас он в Норвегии.
00:10:10>> Логично.
00:10:12>> Ух ты. Динамика меняется.
00:10:17>> Он довольно быстро передвигается.
00:10:19>> О, боже мой. Ладно.
00:10:22О боже. Он создал эту таблицу лидеров эльфов, Кэролайн.
00:10:26>> Это потрясающе.
00:10:28>> Это интересно.
00:10:30>> Мне правда любопытно, что из этого получится.
00:10:33>> Это весело. Что случилось?
00:10:37>> Кормление оленей.
00:10:38>> О.
00:10:39>> Мне кажется, детям бы это очень понравилось.
00:10:42Если сделать из этого игру,
00:10:44где можно было бы кормить оленей в течение всего месяца.
00:10:48Мне кажется,
00:10:48раньше было что-то подобное,
00:10:49когда мы были маленькими.
00:10:50>> О боже.
00:10:50Он создал список непослушных и послушных..
00:10:53Надеюсь, они ненастоящие.
00:10:55>> Это точно не реальные люди.
00:10:56>> Надеюсь, больше никто не смотрит.
00:10:57>> Это была просто шутка.
00:10:59У нас больше никогда не будет power hour.
00:11:04>> Ладно. Мне кажется, я немного это улучшу.
00:11:09Меня немного смущают некоторые цвета,
00:11:12непослушные и послушные оба сначала кажутся красными.
00:11:17Интересно, можно ли это изменить.
00:11:19Также интересно,
00:11:21можно ли сделать этот элемент более интерактивным.
00:11:28Можем попробовать какую-нибудь игру с оленями.
00:11:31Давайте посмотрим. Изменить цвета для непослушных.
00:11:39Послушных и накормленных/голодных,
00:11:43чтобы они достаточно различались и не путались на первый взгляд.
00:11:50Посмотрим, что получится.
00:11:52Не очень хороший промпт..
00:11:53Теперь переключусь на другую вкладку.
00:11:58Наша другая генерация завершена.
00:12:02Это наша первая.
00:12:05V0 говорит,
00:12:06что создал динамичную анимацию интро на ASCI-шейдере,
00:12:10которая начинается с Hello World.
00:12:12О, действительно.
00:12:13Просто трудно прочитать..
00:12:14Там написано: поехали.
00:12:17Скажем так: сделать текст более различимым на фоне и в разных анимациях.
00:12:35Хорошо, посмотрим.
00:12:39Мы вернулись в трекер Санты.
00:12:42Ладно, он изменил цвета здесь.
00:12:46Послушные, непослушные.
00:12:48Гораздо понятнее. Обожаю.
00:12:54>> Супер круто.
00:12:57>> Отлично. Давайте вернемся к этой вкладке.
00:13:03Получили вопрос в X.
00:13:06Когда выйдет новый V0?
00:13:08Придется остаться с нами, чтобы узнать.
00:13:10Может быть, это небольшой праздничный сюрприз.
00:13:13Кто знает??
00:13:13Скоро выйдет.
00:13:14Запишитесь в лист ожидания, если еще не сделали этого..
00:13:17Будет супер круто.
00:13:18Много интересного впереди.
00:13:20Так что готовьтесь.
00:13:22Отлично. Теперь текст стал более различимым.
00:13:26>> Круто.
00:13:27>> Нам нравится зеленый?
00:13:30>> Мне кажется,
00:13:31если это будет V0 Power Hour,
00:13:33возможно,
00:13:34это могла бы быть праздничная версия нашего интро.
00:13:38Но для основного нам, наверное, нужен черно-белый вариант.
00:13:41>> Посмотрим,
00:13:42что будет,
00:13:42если я скажу: добавить больше праздничной атмосферы.
00:13:46Там символы @.
00:13:51Думаю, это прикольно. Типа интернет.
00:13:54>> Да, техностиль.
00:13:57>> Есть еще промпты?
00:13:59>> Окей.
00:14:00>> Только что пришел один на YouTube.
00:14:04>> Хорошо.
00:14:05>> Берешься, Эми?
00:14:06>> Да. Эми, можешь прочитать?
00:14:08>> Промпт такой: „Создать приложение,
00:14:10которое позволяет гуманитарным работникам собирать простые идеи,
00:14:14ключевые слова или размышления в течение месяца.
00:14:17Когда готово,
00:14:18пользователи могут сгенерировать душевную рассылку,
00:14:22ориентированную на сообщество." >> Отлично.
00:14:26Сделаем это через секунду..
00:14:28>> Вот что он выдал для праздничной атмосферы.
00:14:30>> Как мило.
00:14:32>> Мне нравится.
00:14:34>> Почему-то обожаю этот символ.
00:14:37Как маленькое конфетти.
00:14:38>> Да.
00:14:40>> Там снежинки.
00:14:41>> Классно.
00:14:42>> На самом деле очень мило.
00:14:44>> С этими случайными эмодзи-блестками,
00:14:46которые он решил добавить.
00:14:47>> Да, креативность. Обожаю.
00:14:52>> Это правда круто.
00:14:53>> Хорошо.
00:14:54Перейду на новую страницу V0,
00:14:57а потом сделаю то,
00:14:59что только что попросили..
00:15:02Поехали.
00:15:03„Создать приложение,
00:15:04которое позволяет гуманитарным работникам собирать простые идеи,
00:15:09ключевые слова или размышления в течение месяца,
00:15:13и они могут создавать душевную рассылку,
00:15:16ориентированную на сообщество." Попробуем это на V0 Max..
00:15:21>> Отлично.
00:15:22Я на самом деле создавала нечто похожее,
00:15:25когда только начинала работать в V0,
00:15:28потому что у меня было много разговоров с сообществом и возникали случайные идеи..
00:15:34Я подумала: „Мне просто нужно место,
00:15:36куда я могла бы их вносить и запоминать все это,
00:15:40и начать объединять вокруг общих тем." Думаю,
00:15:43это очень разумно.
00:15:44>> Хорошо. Он предлагает нам установить Superbase.
00:15:47Давайте я это настрою.
00:15:55>> Мне действительно нравится эта идея.
00:15:57Я делаю что-то похожее для себя,
00:15:59потому что постоянно происходит так много всего — между проектами сообщества,
00:16:02которыми делятся люди,
00:16:03и тем,
00:16:04что создает Vercel,
00:16:05и тем,
00:16:05что создает V0,
00:16:06и всем остальным...
00:16:07>> Что именно ты делаешь, Эми.
00:16:08У меня ощущение, что ты профи..
00:16:10Мне нужны твои советы.
00:16:11>> Мне нужно создать что-то получше,
00:16:14потому что сейчас это настолько ручной процесс.
00:16:18Было бы здорово иметь что-то,
00:16:19что берет на себя большую часть форматирования,
00:16:22потому что именно на это я трачу больше всего времени.
00:16:26>> Да.
00:16:26Это было классно,
00:16:27потому что мне не нужно было указывать,
00:16:29какой это тип разговора..
00:16:30Я мог общаться с амбассадором,
00:16:32с пользователем или просто высказывать случайную идею,
00:16:35и не нужно было тратить время на организацию — я просто заносил это туда,
00:16:38и потом все группировалось по темам.
00:16:40Но да, это было полезно для этого.
00:16:43>> Я использовал V0.
00:16:47Самая недооцененная штука в V0,
00:16:49на мой взгляд,
00:16:49— это использовать V0 для слайдов.
00:16:52Я полностью перешел с Google Slides или чего-то подобного.
00:16:56Я использую V0 для всех своих презентационных слайдов,
00:16:59потому что в принципе я могу просто описать план того,
00:17:03что мне нужно,
00:17:03типа: «Окей,
00:17:04я делаю эту презентацию на тему то-то и то-то».
00:17:07Я недавно,
00:17:08месяц или два назад,
00:17:09делал презентацию о V0,
00:17:10и я сказал: «Вот что я хочу раскрыть..
00:17:13Вот что я хочу сделать».
00:17:14Потом я просто загрузил все это в V0 одним промптом,
00:17:17и он создал всю презентацию..
00:17:19Потом я просто редактировал.
00:17:20Редактируешь с помощью промптов, вместо того чтобы...
00:17:23не знаю,
00:17:24у меня не очень получается вручную делать слайды,
00:17:26которые выглядят действительно хорошо..
00:17:28По крайней мере,
00:17:29в плане дизайна для меня это было намного лучше.
00:17:33>> Ну,
00:17:33мне кажется,
00:17:34с дизайн-системами сейчас так легко поддерживать единый стиль,
00:17:36и не нужно постоянно переписывать промпты.
00:17:38>> Точно.
00:17:39Мы можем показать пример этого,
00:17:41наверное,
00:17:42когда завершится генерация..
00:17:44Я думаю,
00:17:44какую интересную генерацию мы можем сделать,
00:17:49используя автоматическое подключение AI-шлюза.
00:17:54Может быть, после этой. Окей, круто.
00:17:57>> Как круто.
00:17:58>> Это круто.
00:17:59Мы на самом деле использовали нашу интеграцию с Supabase,
00:18:03потому что V0 это порекомендовал..
00:18:05Мы подключились к Supabase,
00:18:07и теперь V0 продолжает работать с ним,
00:18:10и он создал это приложение.
00:18:13У нас есть приложение для рассылки с базой данных для идей и заметок.
00:18:18Мы подключили Supabase,
00:18:19и он создал это основное приложение со сбором идей и генерацией рассылки.
00:18:24Давайте реально протестируем.
00:18:27V0 решил назвать это Community Voices. Мне нравится.
00:18:31Не знаю, это ли имел в виду этот человек.
00:18:33>> Я знаю.
00:18:34Если они все еще на YouTube,
00:18:35мне интересно,
00:18:35хотят ли они добавить что-то еще..
00:18:37>> Я знаю. Что нам сделать для заметки?
00:18:41Кэролайн,
00:18:42может быть,
00:18:42у тебя есть какая-то заметка о сообществе.
00:18:43Не гуманитарная,
00:18:44но,
00:18:45может,
00:18:45у тебя есть какая-то заметка о сообществе из Zero Passengers или чего-то еще,
00:18:49что ты делала недавно.
00:18:50>> Мы сегодня получили очень приятное письмо.
00:18:54Амбассадор заказал толстовку не того размера,
00:18:57и возникла какая-то путаница,
00:18:58и я такая: «О боже,
00:19:00конечно,
00:19:00я могу отправить тебе новую толстовку.
00:19:03Все в порядке».
00:19:03Он сказал: «Это такое свидетельство внимания к мелким деталям и показывает,
00:19:08как вы заботитесь о людях в сообществе».
00:19:11Для меня это было хорошим напоминанием,
00:19:13что такие маленькие моменты имеют огромное значение..
00:19:17Еще я испытала такую благодарность к нему за то,
00:19:19что он проявил благодарность ко мне,
00:19:21потому что для меня это было очень легко сделать.
00:19:24>> Обожаю это.
00:19:25>> Я многословна.
00:19:26Не знаю, как ты хочешь извлечь суть из этого момента..
00:19:28>> Как мне это перевести?
00:19:31>> Это ведущий голосовой режим для входа в Community Voices.
00:19:33>> Я знаю.
00:19:34Мне нужно использовать whisper..
00:19:35Сегодня мы получили приятное благодарственное письмо от одного из наших участников сообщества за небольшую услугу / задачу,
00:19:51которая была выполнена.
00:19:54Отправили ему новую толстовку.
00:19:58Это не гуманитарная штука.
00:20:02>> Не гуманитарная.
00:20:03>> Мы отправили кому-то новую толстовку.
00:20:04Окей. Сохранить идею.
00:20:06Отлично. Посмотрим, что получится.
00:20:10У нас одна идея.
00:20:11Давайте добавим еще. Что там с приятными штуками, ребята?
00:20:19Почему это так сложно?
00:20:20Скажем, Рождество, праздники, купил другу Санту.
00:20:29>> Тоже не гуманитарная.
00:20:31>> Давайте просто протестируем это.
00:20:35>> Круто.
00:20:37>> Окей. Отлично.
00:20:38>> Это действительно круто.
00:20:40>> Да. Мы объединяем наше сообщество.
00:20:44Это просто ужасно.
00:20:46Моменты озарения.
00:20:47Оно буквально просто взяло это и вставило напрямую..
00:20:53Может, мы сможем немного улучшить это.
00:20:55Мы можем сказать: когда генерируешь идеи для рассылки,
00:21:03попробуй добавить что-то ещё к идеям,
00:21:08которые мы поместили в раздел запечатлённых моментов,
00:21:16чтобы сделать их длиннее,
00:21:20интереснее и увлекательнее для чтения.
00:21:26Ладно. Это будет очень полезно для любых внутренних отчётов.
00:21:35Мне кажется,
00:21:35я делаю кучу обзоров типа: «Вот что мы сделали за месяц».
00:21:38И опять же,
00:21:38возможно,
00:21:39ты права — всё это хранится в разных местах,
00:21:41так что было бы здорово просто загрузить это сюда..
00:21:43>> Да.
00:21:43Я как раз думал об этом,
00:21:45потому что часть моей команды ведёт нашу программу для стартапов,
00:21:49и мы обсуждали идею запустить рассылку для стартапов..
00:21:53>> Ага.
00:21:53>> Мне кажется,
00:21:54это был бы отличный способ просто зафиксировать всё,
00:21:57что произошло за месяц,
00:21:58а потом сделать рассылку в конце месяца.
00:22:01>> Мэдс, если смотришь — мы дадим тебе этот шаблон.
00:22:05>> Давай ещё раз поделимся нашими идеями.
00:22:15Мы позовём человека, который это предложил.
00:22:20Они ведут список рассылки своего сообщества,
00:22:23а затем хотят получать уведомления из приложения с контентом для рассылки.
00:22:28Это интересно.
00:22:30Вероятно,
00:22:31придётся настроить ещё несколько интеграций,
00:22:33чтобы реализовать это.
00:22:34>> Да.
00:22:34Нужна будет какая-то настройка электронной почты..
00:22:36Думаю,
00:22:37это возможно,
00:22:38но может занять чуть больше времени,
00:22:41чем у нас есть сегодня,
00:22:43чтобы всё закончить.
00:22:44>> Это не я добавляю случайные идеи.
00:22:47Помочь другу с работой.
00:22:49Позвонил пожилым соседям.
00:22:55Всё это хорошие идеи. Посмотрим.
00:22:58Теперь,
00:22:59если мы нажмём «Генерировать»,
00:23:01получим ли мы более увлекательную рассылку?
00:23:05ИИ создаёт нашу рассылку.
00:23:11>> Она будет супер увлекательной.
00:23:15>> Окей. Да. Смотри на это.
00:23:17Протягивая руку через поколения.
00:23:19Несколько. Окей. Отлично.
00:23:23Давай посмотрим. Вернёмся назад.
00:23:31Думаю, у нас есть ещё один запрос.
00:23:35>> Есть.
00:23:36>> Один. Можешь прочитать его, Кэролайн?
00:23:39>> Да.
00:23:40Этот человек из сообщества хочет создать анимированную целевую страницу с использованием шейдеров для сайта модной электронной коммерции..
00:23:47Затем они будут искать лучшие цены среди всех магазинов в США,
00:23:51а потом добавят лист ожидания,
00:23:53как в Google Flights,
00:23:55но для покупок.
00:23:56Мне бы очень это понравилось,
00:23:57потому что тогда не придётся вручную просматривать все сайты распродаж — всё автоматизируется.
00:24:01>> Окей. Мне кажется, мне это нужно в жизни.
00:24:06>> Ага.
00:24:06>> Где это было,
00:24:07когда я занималась всеми своими праздничными покупками?
00:24:09>> Вот именно.
00:24:10>> Да.
00:24:10Хотела бы я иметь это три недели назад..
00:24:12Это было бы прекрасно.
00:24:14>> Я так делаю со всеми своими рейсами — кажется,
00:24:16что продвигаешься к покупке билета,
00:24:18но я просто отслеживаю цены,
00:24:19чтобы понять,
00:24:20когда они упадут,
00:24:21и то же самое можно делать с покупками.
00:24:23>> У меня заканчиваются кредиты.
00:24:27>> Можем переключиться на мои, если нужно.
00:24:29>> Нет, всё нормально.
00:24:30Пока всё в порядке..
00:24:31Я просто драматизирую.
00:24:32>> Столько всего происходит за этот силовой час.
00:24:36>> Это действительно силовой час.
00:24:38Кто-то сказал: «Разве силовой час — это не когда ты пьёшь шот?» Я ответила: «Мы не пьём шоты,
00:24:45мы делаем всё с одного раза»?
00:24:48>> Да.
00:24:48Али, это хорошо..
00:24:50>> Спасибо.
00:24:50>> Я тоже об этом подумал,
00:24:51но не был уверен,
00:24:51подумал ли кто-то ещё,
00:24:52поэтому промолчал.
00:24:53>> Меня будут троллить в интернете,
00:24:54но мне кажется,
00:24:55это самая отцовская шутка,
00:24:56которую я когда-либо отпускала в жизни.
00:24:58>> Уже твитнула?
00:24:59>> Нет, не буду.
00:25:01Мы дали запрос V0,
00:25:03снова используем V0 Max,
00:25:05я установила Superbase,
00:25:06потому что V0 меня к этому подтолкнул,
00:25:09а теперь он генерирует дизайнерское вдохновение и исходные данные,
00:25:15которые я подключила к Superbase,
00:25:17так что процесс будет продолжаться.
00:25:20Теперь у меня есть всё, что нужно.
00:25:23Хорошо. Нравится.
00:25:25>> Окей. Пока мы этим занимаемся, я хочу сделать ещё один.
00:25:36О боже, у нас три разных.
00:25:38>> О да, у нас целая куча.
00:25:39>> Куча. У нас есть один очень конкретный.
00:25:43>> Давайте выберем один.
00:25:48А что,
00:25:48если вы выберете один,
00:25:50прочитаете мне,
00:25:51а я начну составлять запрос.
00:25:54>> Думаю,
00:25:54это на самом деле может быть одно и то же,
00:25:58просто две части одного.
00:26:00>> Да, здесь это разбито на две части.
00:26:02>> Да.
00:26:03Возможно, это исходит от Джи.
00:26:11Сделай мне мир в стиле Ready Player One,
00:26:15уровня Pixar,
00:26:16праздничный мир с Джи в роли Санты,
00:26:19который пишет код для подарков.
00:26:23Нам нужен Джи в роли Санты, который пишет код для подарков.
00:26:27Это должно быть футуристично на уровне Disney,
00:26:30и создавай рождественские открытки в духе power hour,
00:26:34которые Джи кодирует,
00:26:35превращай их в скачиваемые открытки с соотношением сторон 4:5 и SVG-анимацией.
00:26:41Нужно создавать по одной уникальной открытке каждые 15 секунд.
00:26:46Используй Vercel AI gateway так, как сама решишь.
00:26:50Элли, тут выбор за тобой.
00:26:52>> Я дам решить zero. Это точно не я.
00:26:54>> Копирайтер,
00:26:55стратег и моушн-дизайнер — ты полностью контролируешь процесс.
00:26:59>> Окей.
00:27:02>> Ого.
00:27:03Давайте начнём с этого..
00:27:04>> Мне это интересно.
00:27:06>> Не знаю.
00:27:07>> Вот что оно нам выдало.
00:27:11На первый взгляд,
00:27:12эта секция с листом ожидания для оповещений о цене,
00:27:16похоже,
00:27:17действительно перекрывает то,
00:27:19что за ней.
00:27:20Я собираюсь сделать то,
00:27:23что люблю больше всего — скриншот,
00:27:26перетащу его и скажу: это всплывающее окно перекрывает изображения позади,
00:27:34переместите его или уменьшите размер,
00:27:37чтобы оно не закрывало остальную часть сайта.
00:27:42Пока я это делаю, я скопирую этот очень конкретный промпт.
00:27:52Мне кажется,
00:27:53человек говорит мне,
00:27:54zero,
00:27:55что они контролируют ситуацию.
00:27:57Посмотрим, что из этого выйдет.
00:27:59Если я просто скопирую и вставлю, я это исправлю.
00:28:03Мне немного страшно, но мне так любопытно.
00:28:14Пока это работает.
00:28:20>> Действительно интересно смотреть,
00:28:21откуда оно берёт изображения.
00:28:23>> Комментарии это подтверждают.
00:28:25Да, они хотят, чтобы V0 контролировал.
00:28:27>> Да. Отлично. Круто.
00:28:29>> Я понимаю, что ты имеешь в виду.
00:28:31Мы получили новую версию этого модного сайта.
00:28:36Мы переместили это сюда вниз,
00:28:38но теперь на этом фоне действительно не видно,
00:28:41что это такое.
00:28:43На самом деле, я попробую это исправить.
00:28:47>> Режим дизайна.
00:28:48>> Да. Я хочу фон.
00:28:57Посмотрим. Что будет, если я сделаю так?
00:29:03Ага. Это уродливо.
00:29:07Дизайнеры,
00:29:08которые смотрят,
00:29:09подумают: «Что она творит?» Я могу просмотреть разные варианты.
00:29:15Мы можем пойти на полный отрыв.
00:29:18>> Очень по-рождественски.
00:29:20>> Что нам нравится?
00:29:22>> Ты ешь рождественскую еду.
00:29:24>> Пока остановимся на этом, и я нажму «Сохранить».
00:29:37Это верхняя панель навигации,
00:29:40которая скроллится вместе со мной.
00:29:43Мне кажется,
00:29:44выглядит не очень красиво,
00:29:47но это лучше,
00:29:48чем было.
00:29:49Хотя бы видно.
00:29:50>> Да.
00:29:51>> Теперь я вернусь к чату и вернёмся к нашему исходному промпту.
00:29:59Они хотели функцию листа ожидания,
00:30:00как в Google Flights,
00:30:01но для покупок.
00:30:02Думаю,
00:30:03если я введу это,
00:30:05то это будет тот продукт,
00:30:08который мне нужен.
00:30:10Я хочу Nike Air по рыночной цене 150.
00:30:17Кажется, это слишком много.
00:30:18Кроссовки, присоединиться к листу ожидания.
00:30:22Круто.
00:30:22Я подключилась к базе,
00:30:24но теперь смотрите,
00:30:26конечное состояние после того,
00:30:29как я отправила заявку в лист ожидания,
00:30:33тоже не очень..
00:30:34Посмотрим, смогу ли я это изменить.
00:30:37Да. Это моё любимое в режиме дизайна — быстрые правки.
00:30:47Не нужно было писать промпт.
00:30:48Я не знала точно, что сказать..
00:30:50>> Это экономит мне столько времени,
00:30:52особенно на мелких правках текста — просто зайти и сразу изменить.
00:30:57Это потрясающе..
00:30:58>> Мне кажется,
00:30:59члены моей команды скажут: «Это самое уродливое,
00:31:02что я видел,
00:31:03Эли.
00:31:04Зачем ты это сделала?» >> Напрасная трата режима дизайна.?
00:31:08>> Что ты хотела сказать, Эми?
00:31:11>> Я просто хотела сказать, да.
00:31:12Иногда не знаешь,
00:31:13какой цвет хочешь,
00:31:15поэтому приятно просто быстро попробовать: какой цвет фона мне нужен?
00:31:19Какой текст мне нужен?
00:31:21>> Я вернулась к этому очень специфичному промпту про мир в стиле Ready Player One уровня Pixar с Гильермо в роли Санты.
00:31:31Оно указало его имя и всё такое здесь,
00:31:35но мне интересно,
00:31:36хотел ли человек картинку.
00:31:39Ещё тут есть ошибка.
00:31:41>> Я предполагала, что они хотели персонажа в виде Санты.
00:31:49Но опять же,
00:31:50если они всё ещё слушают,
00:31:52могут подключиться и дать нам идеи.
00:31:54Потому что,
00:31:55может быть,
00:31:56но это ещё не изображение,
00:31:57поэтому я не могу его отредактировать.
00:32:00Я скажу: мне это не нужно. Я хочу, чтобы, что они говорили?
00:32:12Я хочу, чтобы Гильермо действительно получил его фотографию.
00:32:21Я прикрепляю одну, посмотрим.
00:32:25Думаю, у меня есть фотография.
00:32:32Да.
00:32:33Я хочу,
00:32:34чтобы Санта Гильермо действительно получил его фотографию..
00:32:49Я прикрепляю одну.
00:32:50Попробую это,
00:32:52но также замечаю,
00:32:53что компилятор карточек здесь внизу тоже не работает..
00:32:59Похоже, карточка инициализируется для установки.
00:33:05Думаю,
00:33:05этот человек скорее хотел получить игру,
00:33:11что-то вроде игрового мира,
00:33:15а здесь создалась панель управления.
00:33:20Да.
00:33:23Вот и всё. Получили картинку, и вот Санта.
00:33:30Может быть, посмотрим, редактирование промпта.
00:33:38Дай ему шапку Санты.
00:33:45Жду.
00:33:55Так много вариантов.
00:34:05Какой нам нравится?
00:34:07Мне нравится этот слева.
00:34:09Да, более сдержанный.
00:34:12Хорошо. У нас есть Санта G.
00:34:16Теперь вернёмся и попробуем исправить эту другую часть.
00:34:25Вообще-то, я могу просто сделать это.
00:34:33Появилась ошибка о невозможности создать эту карточку.
00:34:38Я просто нажал Исправить с помощью V0, это бесплатно.
00:34:41Если используешь исправление через V0,
00:34:42с тебя ничего не снимут.
00:34:43Твои кредиты не будут использованы.
00:34:45Будет продолжать генерироваться, пока не исправится.
00:34:49Пока это происходит, посмотрим, есть ли ещё один запрос.
00:34:55Да, как раз ещё один пришёл.
00:34:58У меня открыто столько вкладок с V0.
00:35:00Я готов действовать.
00:35:02Справишься?
00:35:02Потянешь ещё один??
00:35:03Справлюсь. Потяну ли? Сейчас увидим.
00:35:06Да, давайте.
00:35:06Тут написано: Создайте приложение для управления запасами для благотворительной организации продовольственного банка.
00:35:13Это круто.
00:35:14Возможность сканировать продукты,
00:35:15вести учёт запасов и создавать заказы,
00:35:17которые можно назначить нуждающимся..
00:35:20Думаю, у них будет ещё и учётная запись клиента. Классно.
00:35:25Отлично.
00:35:26Интересно,
00:35:27можно ли также добавить в промпт время — например,
00:35:30время запроса и предполагаемое время получения,
00:35:33чтобы можно было отслеживать таким образом.
00:35:37Я на самом деле протестирую расширенный промпт.
00:35:40Да, наверное, мощнее, чем улучшения Каролины.
00:35:44Вообще нет. Просто хотела посмотреть, что получится.
00:35:49Ладно. Теперь изменим промпты.
00:35:51Используем инструмент расширенного промпта,
00:35:53и он говорит: Разработайте комплексное приложение для управления запасами,
00:35:56адаптированное для благотворительных продовольственных банков,
00:35:59с акцентом на такие функции,
00:36:00как сканирование продуктов,
00:36:01детальное ведение учёта запасов и создание заказов,
00:36:03которые можно назначить нуждающимся.
00:36:05Система должна поддерживать управление учётными записями клиентов,
00:36:08позволяя пользователям регистрироваться и отслеживать свои заказы,
00:36:10включать функции интеграции со штрих-кодами или QR-кодами для продуктов,
00:36:13получать вау,
00:36:14обновления запасов в режиме реального времени для точного отражения уровня запасов и интуитивно понятный интерфейс для создания и управления заказами.
00:36:20Убедитесь,
00:36:20что приложение решает задачи безопасной обработки данных клиентов,
00:36:23лёгкой навигации и масштабируемости для будущих дополнений — всё это в адаптивном дизайне,
00:36:27подходящем как для настольных компьютеров,
00:36:28так и для мобильных устройств.
00:36:30Подчеркните роли пользователей и права доступа для персонала и волонтёров и рассмотрите возможности отчётности по запасам и аналитике заказов.
00:36:36Вау. Это действительно хорошо.
00:36:42Посмотрим. Мы снова на B0Max.
00:36:47Вернусь назад.
00:36:49Игра Santa G World была на Max или Pro?
00:36:54На Max.
00:36:56Max.
00:36:56Окей, круто. Оно действительно сделало.
00:36:59Посмотрим.
00:37:00Но карточки я на самом деле не могу просмотреть или скачать..
00:37:07Чуть не сказала пожалуйста, исправь.
00:37:18Неловко,
00:37:18как часто я это говорю — ради мемов,
00:37:22но и из-за напряжённой работы.
00:37:25Теперь оно действительно генерирует.
00:37:27Генерирует открытки Весёлого Рождества,
00:37:29тёплых пожеланий,
00:37:30но я просто не могу на них нажать и просмотреть.
00:37:32Но похоже,
00:37:33что следует этому каждые 15 секунд,
00:37:36потому что здесь есть таймер.
00:37:38Через секунду, да, генерируется ещё одна.
00:37:42Они не выглядят как самые уникальные открытки на свете,
00:37:46так что,
00:37:46возможно,
00:37:47это будет наш следующий вклад.
00:37:49Но посмотрим.
00:37:53Я вернулась к нашему продовольственному банку,
00:38:00собираюсь установить SupaBase.
00:38:04Мне нужно обновить свой тарифный план..
00:38:10Каролина, возможно, нам придётся передать это тебе.
00:38:12Да, передавайте.
00:38:13Посмотрим. Этот всё ещё строится.
00:38:20Вообще-то, пока мы это делаем, я исправлю несколько проблем.
00:38:34Нет, ты не исправил.
00:38:37Да,
00:38:37в чате пишут,
00:38:38что похоже,
00:38:39карточки не масштабируются под свой контейнер.
00:38:44Я как бы не при делах.
00:38:51Ладно.
00:38:52Скажем, что карточки не масштабируются под свой контейнер..
00:39:18Посмотрим, что получится. Отлично.
00:39:22У нас осталось около пяти минут.
00:39:26Есть один запрос из чата, который я очень хочу попробовать.
00:39:30Давайте посмотрим..
00:39:31Тут предлагают: "Давайте создадим что-то вроде Spotify Wrapped,
00:39:37но для V0 2025".
00:39:38Забавно, что вы об этом упомянули..
00:39:42>> Интересно.
00:39:45>> Давайте создадим итоги года в V0,
00:39:51похожие на Spotify Wrapped,
00:39:55но для моего использования V0 и статистики за год.
00:40:02Пока можно использовать фиктивные данные,
00:40:06но сгенерировать...
00:40:07что думаете, ребята?.
00:40:09Чистый, черно-белый дизайн в стиле Vercel.
00:40:17>> Да.
00:40:17>> Сделайте его праздничным.
00:40:21>> Может быть, оптимизировать.
00:40:23Можете оптимизировать для публикации в соцсетях?
00:40:25Чтобы люди могли сделать скриншот.
00:40:28>> Давайте попробуем новый промпт.
00:40:37Разработайте комплексную функцию итогов года в V0,
00:40:39напоминающую Spotify Wrapped,
00:40:41но адаптированную для демонстрации моей статистики использования V0 за год.
00:40:45Используйте фиктивные данные для иллюстрации концепции.
00:40:47Отлично. Давайте попробуем это.
00:40:50Потом я хочу добавить AI-чатбота или что-то такое,
00:40:55где можно задавать вопросы о данных.
00:40:59>> Это было бы очень круто.
00:41:08>> Посмотрим.
00:41:11Пока это происходит, я проверю наш Pixar Holiday World.
00:41:21Нет, всё ещё не работает.
00:41:29Очевидно, я неправильно формулирую запрос.
00:41:34Я не знаю секрета этих карточек.
00:41:37Всё остальное работает.
00:41:39>> Всё остальное работает.
00:41:40У нас здесь G Santa.
00:41:42Посмотрим, если я сделаю.
00:41:46Вот как выглядят карточки.
00:41:55Люди правда, это так уязвимо.
00:41:58Люди правда просто говорят привет.
00:42:00>> Я тоже так говорю.
00:42:02Я такой: вот как они выглядят.
00:42:03>> Не так они должны выглядеть.
00:42:06>> Если в чате есть профи, дайте знать.
00:42:10Если я делаю глупость,
00:42:12пожалуйста,
00:42:13остановите меня,
00:42:14пока не поздно.
00:42:16>> Хотя интересно, если бы мы...
00:42:18Не думаю,
00:42:19что кто-то может отправить скриншот в чат,
00:42:23но было бы полезно,
00:42:24если бы мы добавили туда скриншот того,
00:42:27как должны выглядеть карточки..
00:42:31>> Я на самом деле очень рад этому итогу V0.
00:42:37>> Я тоже, Натали.
00:42:38>> Хотя он был довольно продвинутым,
00:42:40так что это может занять некоторое время,
00:42:42потому что мы используем V0 Max.
00:42:43Я хочу лучшую генерацию, какая только возможна.
00:42:45>> В итоге я стремился к балансу между элегантностью и праздничностью.
00:42:50>> Я даже не заметил эту часть.
00:42:53>> Да.
00:42:54>> V0 так называемый Twitter, не знаю.
00:42:58Ладно, посмотрим.
00:43:07Думаю, это будет наша последняя генерация перед выходом.
00:43:11Но если вашу идею не успели обработать,
00:43:13пожалуйста,
00:43:13приходите подготовленными в следующий раз со своими идеями.
00:43:17Окей,
00:43:17V0 Wrapped всё ещё работает,
00:43:20но мне нравится то,
00:43:21что я вижу.
00:43:22>> А также,
00:43:23если у кого-то есть промпты,
00:43:25которые они хотят тем временем,
00:43:26напишите Али в личку,
00:43:28потому что мы можем начать загружать их для следующего Power Hour.
00:43:32>> Окей. Это круто, но он думает, что сейчас 2020 год.
00:43:37>> Ого, время — сложная штука, цифры.
00:43:40>> Время — сложная штука.
00:43:42>> Мне нравится анимация.
00:43:44>> Да, она такая милая, эти маленькие звёздочки.
00:43:46Окей, и все эти снежинки.
00:43:48V0 любит снежинки, вот что мы сегодня узнали.
00:43:50>> Ну, мы же сказали ему быть элегантным и праздничным.
00:43:52>> Я так и сделал. Вот так. Готово.
00:43:55Окей, V0 Wrapped 2024.
00:43:58Меня зовут Developer Pro. Да, абсолютно.
00:44:00>> Да, ты такой.
00:44:02>> Очевидно, как вы все видели.
00:44:04В этом году я отправил 2 847 промптов,
00:44:08в среднем восемь промптов в день.
00:44:11>> Мне нравится среднее по дням.
00:44:13>> Да, это круто.
00:44:15Отлично, 156 продуктов.
00:44:19Вау, количество строк кода очень крутое.
00:44:21Опять же,
00:44:22это фиктивные данные,
00:44:22не мои настоящие данные,
00:44:23но было бы очень круто иметь возможность это генерировать.
00:44:25>> Я чувствую гораздо больше.
00:44:26>> Мы можем продолжить на следующем пользовательском Power Hour.
00:44:30>> Да.
00:44:31>> Интересно,
00:44:33разбивка по техническому стеку: 68 процентов Next.js.
00:44:39Обожаю..
00:44:40>> О, это круто.
00:44:43>> Три с половиной, 42 часа.
00:44:46>> Где также видно сэкономленное время,
00:44:49сколько времени вам сэкономили в разработке.
00:44:52>> Это было бы круто,
00:44:53особенно если вы разработчик и активно это используете.
00:44:55>> Да.
00:44:56>> Окей.
00:44:57>> Ночная сова.
00:44:58>> Ранний последователь,
00:44:59ночная сова,
00:44:59наиболее активен в 2 часа ночи,
00:45:01определённо неправда.
00:45:02>> Надеюсь, это неправда.
00:45:04>> Я бабушка. Окей, плодовитый создатель.
00:45:07Это мило, топ три процента.
00:45:09>> Супер круто.
00:45:10>> О да, это весело.
00:45:12О, и смотрите, я сделал то, чем можно поделиться.
00:45:14>> Классно.
00:45:14>> Могу я это скачать?
00:45:16Могу. Вау.
00:45:18>> Это так круто.
00:45:19>> Это потрясающе.
00:45:20Окей, ну, думаю, это идеальное место, чтобы остановиться..
00:45:24>> Обожаю.
00:45:25>> Вау. Время пролетело так быстро.
00:45:28>> Мы много всего создали.
00:45:29>> Понимаю.
00:45:30Теперь ясно, почему можно потратить больше 300 часов..
00:45:33Потрясающе. Ладно, отлично.
00:45:37Что ж,
00:45:37спасибо всем,
00:45:38кто присоединился к нам в этом первом эксперименте.
00:45:40Надеюсь, вам было весело.
00:45:42В будущем мы планируем приглашать гостей и позволить вам самим создавать промпты.
00:45:45Вы,
00:45:46вероятно,
00:45:46справитесь с этим лучше меня,
00:45:48так что милости просим.
00:45:49Но да,
00:45:49спасибо всем,
00:45:50кто прислал свой промпт,
00:45:52и мы продолжим это делать.
00:45:54Дайте нам знать,
00:45:54что вы думаете об этом,
00:45:56но мы рады провести ещё много таких zero power hours в новом году.
00:46:00Замечательно. Ещё раз спасибо.
00:46:04>> Пока.

Key Takeaway

Первый V0 Power Hour продемонстрировал возможности платформы V0 через создание праздничных и практических проектов в реальном времени с участием сообщества, показав интеграции, режим дизайна и различные модели генерации.

Highlights

Первый V0 Power Hour — еженедельный прямой эфир, где команда Vercel создаёт проекты в V0 вместе с сообществом

Использование V0 Max для сложных задач, включая генерацию изображений и работу с интеграциями вроде Supabase

Создание праздничных проектов: ASCII-анимация для заставки, командный центр Санты с трекером саней и кормлением оленей

Демонстрация возможностей режима дизайна для быстрых правок без написания промптов

Применение V0 для создания презентационных слайдов как альтернатива Google Slides

Разработка приложения для гуманитарных работников для сбора идей и генерации рассылок с использованием Supabase

Финальный проект — V0 Wrapped 2024, аналог Spotify Wrapped для статистики использования V0

Timeline

Введение и знакомство с форматом V0 Power Hour

Команда Vercel (Али, Кэролайн и Эми) представляет первый V0 Power Hour — новый формат еженедельных прямых эфиров для создания проектов в V0 вместе с сообществом. Первый промпт от амбассадора предлагает создать анимированную ASCII-заставку для Power Hour с приветствием «Hello World» и сообщениями, меняющимися каждые три секунды. Команда обсуждает использование различных моделей V0 (Pro и Max), где Max — топовая модель на базе Claude Opus для сложных задач и генерации изображений. В чате появляются вопросы о технических деталях, а команда начинает генерировать первые проекты, включая праздничные идеи вроде трекера Санты и списка послушных и непослушных.

Создание командного центра Санты с множеством функций

Али создаёт подробный промпт для внутреннего дашборда операций Санты, включающего трекер саней, планировщик маршрутов, таймер оленей и таблицу послушных и непослушных. V0 генерирует комплексный интерфейс с картой, показывающей текущее местоположение Санты в Норвегии, таблицей лидеров эльфов по производительности и системой кормления оленей. Команда обсуждает возможность превратить это в интерактивную игру для детей. Али дорабатывает дизайн, исправляя цветовую схему через промпты, чтобы индикаторы «послушный/непослушный» и «накормлен/голоден» лучше различались визуально. Параллельно завершается генерация ASCII-анимации, которую команда также улучшает для лучшей читаемости.

Работа с промптами сообщества и создание приложения для рассылок

Команда берёт запрос из чата на создание приложения для гуманитарных работников, позволяющего собирать идеи и генерировать душевные рассылки для сообщества. V0 предлагает использовать интеграцию с Supabase, которую Али настраивает для работы с базой данных. Создаётся приложение Community Voices с функционалом сбора идей и автоматической генерации контента для рассылки. Команда тестирует приложение, добавляя заметки о благодарственных письмах от участников сообщества и праздничных событиях. Обсуждается возможность улучшения AI-генерации текста рассылки, чтобы сделать его более развёрнутым и увлекательным. Кэролайн делится, как такой инструмент мог бы помочь программе для стартапов Vercel.

Создание модного e-commerce сайта с функцией отслеживания цен

По запросу из сообщества создаётся анимированная целевая страница для модного e-commerce с шейдерами и функцией листа ожидания для отслеживания цен, аналогичной Google Flights, но для покупок. V0 генерирует сайт с интеграцией Supabase для базы данных товаров и списка ожидания. Али активно использует режим дизайна для быстрых визуальных правок цветов и размещения элементов без написания промптов, что демонстрирует преимущества этой функции. Команда обсуждает ценность такого инструмента для праздничных покупок и сравнивает его с отслеживанием цен на авиабилеты. Параллельно продолжается работа над проектом Pixar-подобного праздничного мира с персонажем Гильермо в роли Санты, который пишет код для создания рождественских открыток.

Обсуждение практического применения V0 и создание системы управления для продовольственного банка

Али делится недооценённым применением V0 — созданием презентационных слайдов вместо Google Slides, что позволяет генерировать всю презентацию одним промптом и затем редактировать через дополнительные запросы. Команда использует инструмент расширенного промпта для создания комплексного приложения управления запасами для благотворительного продовольственного банка. Промпт автоматически расширяется до детального технического задания, включающего сканирование продуктов, учёт запасов, систему заказов, управление учётными записями клиентов, интеграцию со штрих-кодами, обновления в реальном времени, роли пользователей и права доступа. Обсуждается важность безопасности данных, масштабируемости и адаптивного дизайна. V0 Max генерирует полнофункциональное приложение с использованием Supabase.

Финальный проект: V0 Wrapped 2024 и подведение итогов

В качестве финального проекта создаётся V0 Wrapped — аналог Spotify Wrapped для статистики использования V0 за год. Используя расширенный промпт, V0 генерирует элегантный праздничный интерфейс в чёрно-белом стиле Vercel со снежинками и анимацией. Итоги включают количество отправленных промптов (2847), среднее количество в день (8), созданных продуктов (156), строк кода (47,523), сэкономленного времени (42 часа), разбивку по техническому стеку (68% Next.js), профиль активности («ночная сова», пик в 2 часа ночи) и рейтинг пользователя (топ 3%). Предусмотрена функция скачивания для публикации в социальных сетях. Команда благодарит участников, обещает продолжить формат еженедельно с приглашёнными гостями и призывает присылать промпты для будущих эфиров.

Community Posts

View all posts