Transcript

00:00:00>> Hallo zusammen.
00:00:07>> Hallo an alle.
00:00:14>> Hallo.
00:00:17>> Wie läuft's bei euch?
00:00:23>> Ich freue mich schon.
00:00:32>> Willkommen zu unserer ersten V0 Power Hour.
00:00:37Das ist ein neues Format, das wir gerade ausprobieren.
00:00:39Wir dachten, es wäre cool, einfach einmal
00:00:41pro Woche oder alle zwei Wochen live zu gehen
00:00:44und direkt in V0 mit Feedback aus dem Publikum zu bauen.
00:00:48In Zukunft haben wir hoffentlich auch ein paar Gäste dabei.
00:00:51Aber heute sind erst mal Mitglieder des Vercel Community-Teams hier.
00:00:55Ich bin Ali und arbeite an V0.
00:00:58Meine offizielle Bezeichnung ist Member of Technical Staff.
00:01:00Das sage ich zumindest in letzter Zeit immer.
00:01:02>> Ich hatte echt Mühe, mich für einen Titel zu entscheiden.
00:01:05Ich dachte mir: „Sie macht einfach alles.“
00:01:08>> Caroline, Amy, wollt ihr euch kurz vorstellen?
00:01:12Danach werden wir ein bisschen rumprobieren und gemeinsam prompten.
00:01:15>> Ja. Willst du anfangen, Caroline?
00:01:17>> Ja, sehr gerne. Ich bin Caroline.
00:01:19Ich arbeite mit Ali an V0 und kümmere mich viel um unsere Community.
00:01:23Das hier ist mein erster Livestream.
00:01:25Ich bin erst seit einem Monat bei Vercel
00:01:26und freue mich riesig.
00:01:27Die Community hat schon oft nach so etwas gefragt.
00:01:30Ali meinte gerade, wir machen das jetzt wöchentlich,
00:01:32also machen wir es wohl wöchentlich.
00:01:33>> Ja. Mich kennt ihr wahrscheinlich schon.
00:01:38Ich bin Amy, ebenfalls aus dem Community-Team bei Vercel.
00:01:41Ich liebe diese Livestreams.
00:01:43Für mich ist es definitiv nicht der erste,
00:01:45aber ich bin trotzdem sehr gespannt auf heute.
00:01:46>> Ja, wir haben einen echten Profi dabei. Sehr schön.
00:01:49Also, falls ihr noch nicht in der Vercel-Community eingeloggt seid:
00:01:54Das ist der Chat, den wir im Auge behalten.
00:01:57Das Ganze läuft als Event in der Vercel-Community.
00:02:00Loggt euch ein, damit ihr uns eure Prompt-Vorschläge
00:02:03oder Ideen schicken könnt, was wir mit V0 bauen sollen.
00:02:08Ansonsten sammeln wir einfach die
00:02:10Vorschläge aus der Community und schauen, was V0 daraus macht.
00:02:14Habe ich noch was vergessen, Amy?
00:02:15>> Nur ein paar kurze Hinweise für den Chat.
00:02:18Klickt bitte beim Event auf „Teilnehmen“,
00:02:20damit ihr auch Nachrichten schreiben könnt,
00:02:21anstatt nur zuzuschauen.
00:02:24Und denkt bitte an den Verhaltenskodex.
00:02:27Im Grunde: Seid einfach nett zueinander.
00:02:29>> Wunderbar. So gefällt mir das.
00:02:32Caroline, ich glaube,
00:02:34wir haben schon unseren ersten Prompt als Intro
00:02:36für diese Power Hour.
00:02:39>> Der kam von einem Ambassador.
00:02:40>> Klasse. Also, diesen Prompt,
00:02:44mit dem ich jetzt starte –
00:02:45ich teile mal kurz meinen Bildschirm,
00:02:48und dann legen wir direkt mit V0 los.
00:02:52Alles klar. Können alle den Bildschirm sehen?
00:03:01>> Ja.
00:03:02>> Perfekt. Der erste Prompt lautet:
00:03:06Erstelle ein Intro für die V0 Power Hour mit ASCII-Shader-Animationen.
00:03:13Beginne mit der Begrüßung „Hello World“.
00:03:15Die ASCII-Zeichen sollen sich für jede Nachricht neu anordnen,
00:03:19in einer fortlaufenden Animation.
00:03:20Jede Nachricht soll etwa drei Sekunden sichtbar bleiben.
00:03:23Halte die Textzeilen kurz.
00:03:25Wir schicken das jetzt an V0 und schauen, was passiert.
00:03:30Ein ziemlich spezifischer Prompt. Gefällt mir.
00:03:32>> Ich habe mich schon riesig auf die Power Hour gefreut.
00:03:36>> Super. Cool.
00:03:40V0 überlegt kurz und fängt dann an,
00:03:43das Ganze zu generieren.
00:03:46Sehr schön.
00:03:51>> Das erinnert uns daran, dass wir eigentlich ein Intro brauchen.
00:03:54Wenn wir die Power Hour jetzt öfter machen, haben wir hiermit schon eins.
00:03:57>> Ja, vielleicht können wir das direkt nutzen.
00:04:00Das ist echt süß. Gefällt mir.
00:04:05Ich würde auch gerne ein paar weihnachtliche Sachen generieren.
00:04:08Ich bin schon voll in Weihnachtsstimmung.
00:04:12>> Hast du gesehen, dass einer der Ambassadoren
00:04:14heute einen Santa-Tracker geteilt hat?
00:04:16>> Oh Gott! Haben sie das auf Social Media gepostet?
00:04:18>> Es war auf Spanisch, ich musste es also erst mal übersetzen.
00:04:20Ich weiß nicht genau, wo der Weihnachtsmann gerade steckt,
00:04:22aber das könnten wir mal prüfen.
00:04:24>> Vielleicht bauen wir auch einen Santa-Tracker. Klingt lustig.
00:04:28V0 baut noch.
00:04:33Es zeigt uns an, was es gerade macht.
00:04:37Mal sehen. Was gibt es sonst noch für Ideen?
00:04:42Schreibt uns in den Chat, wenn ihr noch andere Vorschläge für
00:04:46weihnachtliche Prompts für V0 habt. Lasst es uns wissen.
00:04:51>> Wie wäre es mit einer Bestenliste für Elfen,
00:04:54so eine Art Performance-Leaderboard?
00:04:56>> Um zu sehen, ob sie ihre KPIs erreichen?
00:04:59>> Genau.
00:05:00>> Ob die Elfen auch ordentlich im Wettbewerb stehen?
00:05:01>> Wir könnten eine „Naughty and Nice“-Liste machen,
00:05:04aber für Vercel, um zu sehen, wer im
00:05:07Team brav war und wer nicht.
00:05:08>> Atar würde das sofort unterbinden.
00:05:10>> Ja, das glaube ich auch.
00:05:11>> Vielleicht nehmen wir einfach fiktive Personen.
00:05:13>> Wir können Fake-Namen oder Elfennamen benutzen.
00:05:17>> Oder wir nehmen Promis.
00:05:18Promis: brav oder unartig.
00:05:19>> Oh ja, das wird gut.
00:05:21>> Brav oder unartig – Stand 2025.
00:05:23>> Ja, das könnte kontrovers werden.
00:05:27>> Wir haben eine Frage im Chat.
00:05:29Jemand möchte wissen, welches Modell wir gerade nutzen.
00:05:32>> Oh, das ist eine gute Frage.
00:05:34>> Wir nutzen gerade V0 Pro.
00:05:37Ich hätte wohl ein Modell auswählen sollen, bevor ich angefangen habe.
00:05:44Es steht einfach auf Standard.
00:05:46Aber der Prompt ist sehr speziell,
00:05:48wahrscheinlich dauert das Generieren deshalb einen Moment.
00:05:51>> Es muss ein bisschen nachdenken.
00:05:53>> Wir haben noch eine Frage.
00:06:01Stimmt es, dass V0 Max besser für die Bildgenerierung ist?
00:06:04>> Ja, V0 Max ist unser leistungsstärkstes Modell.
00:06:09Es bietet maximale Intelligenz für komplexe Aufgaben.
00:06:12Es läuft über Claude Opus.
00:06:14Damit bekommt man die hochwertigsten Designs und Ergebnisse.
00:06:19>> Unseren Santa-Tracker müssen wir dann wohl mit V0 Max bauen.
00:06:25>> Ich nutze gerade meinen privaten Account.
00:06:27Wenn mir die Credits ausgehen,
00:06:29müssen wir über jemanden anderen weitermachen.
00:06:31>> Abgemacht.
00:06:33>> Die Spannung steigt immer weiter.
00:06:38Ich bin echt gespannt, was dabei rauskommt.
00:06:41>> Es überlegt wohl angestrengt, wie es die ganzen Zeichen anordnen soll.
00:06:46>> Ich weiß. Das wird bestimmt großartig.
00:06:50>> Früher habe ich auf Twitter immer Leute gesehen,
00:06:53die Stunden damit verbracht haben, so ASCII-Art zu erstellen.
00:06:57Wie hatten die bloß die Zeit, das alles genau auszurichten?
00:07:00Es ist echt cool, dass man das jetzt einfach V0 überlassen kann.
00:07:02Man muss nicht mehr selbst an der Tastatur tüfteln.
00:07:04>> Stimmt. Vielleicht fangen wir parallel mit etwas anderem an.
00:07:12Ich wollte gerade schon wieder V0 sagen.
00:07:15Ich teile mal diesen Tab hier.
00:07:19Haben wir schon neue Prompts im Chat,
00:07:21Caroline, mit denen wir loslegen können?
00:07:24>> Amy, siehst du was im Chat?
00:07:26>> Ich sehe aktuell noch nichts.
00:07:29>> Ich versuche es mal mit dem Santa-Tracker.
00:07:32Mal sehen, ich mache das jetzt so:
00:07:40Wir bauen ein internes Dashboard für Santas Betrieb.
00:07:45Mit Schlitten-Tracker, Routenplaner, Rentier-Timer,
00:07:51einer „Naughty/Nice“-Tabelle und einem Routenplaner.
00:07:56Das läuft auch auf V0 Pro.
00:08:02Es baut noch. Eigentlich hätte sich eine von uns als Weihnachtsmann verkleiden sollen.
00:08:13>> Stimmt. Ich hätte einen Weihnachtspulli anziehen sollen.
00:08:15Ich bin ganz neidisch, dass du einen hast.
00:08:17>> Ich weiß.
00:08:18>> Ich habe mir den gestern per DoorDash von Target liefern lassen.
00:08:22Wusstet ihr, dass man Kleidung von Target per DoorDash bestellen kann?
00:08:25Ich hatte keine Weihnachtssachen mehr,
00:08:29weil ich einmal quer durchs Land gezogen bin
00:08:30und dabei gefühlt die Hälfte meiner Sachen verloren habe.
00:08:33Ich dachte mir: „Ich brauche unbedingt einen Weihnachtspulli
00:08:35für morgen, wenn wir den Stream machen.“
00:08:37Dank Target und DoorDash hat es geklappt. Wer hätte das gedacht?
00:08:40>> Gut zu wissen.
00:08:41>> Echte Innovation.
00:08:44>> Wir haben dem Santa-Tracker jetzt ganz schön viel auf einmal gegeben.
00:08:50Wenn du solche Sachen in V0 baust,
00:08:53packst du dann normalerweise alle Wünsche in einen Prompt
00:08:56oder baust du erst ein Grundgerüst und machst dann weiter?
00:08:59Hättest du zum Beispiel die Rentier-Fütterung
00:09:00erst später hinzugefügt? Wie gehst du da vor?
00:09:03>> Ich versuche am Anfang so präzise wie möglich zu sein, wenn ich
00:09:08etwas baue, bei dem ich eine sehr genaue
00:09:09Vorschau von dem möchte, was ich mir vorstelle.
00:09:13Unser Produkt-Team zum Beispiel –
00:09:16wenn wir an PRDs oder Produkt-Updates arbeiten,
00:09:21prompten wir V0 extrem spezifisch.
00:09:24Wir nutzen dafür sogar ein eigenes internes V0-Template,
00:09:28das wir mit sehr gezielten Prompts füttern, um das gewünschte Ergebnis zu sehen.
00:09:40>> Verstehe.
00:09:40>> Das hier sieht so aus, als hätten wir es fast mit einem Versuch geschafft.
00:09:45Mal sehen, es arbeitet noch.
00:09:49Ich liebe dieses Geräusch. Okay.
00:09:51>> Ich auch.
00:09:52>> Schauen wir mal. Hier ist unsere Vorschau.
00:09:56Santas Kommandozentrale, Nordpol-Operationen.
00:09:59Das stimmt, noch fünf Tage.
00:10:03V0 weiß, wann Weihnachten ist. Hier ist der Schlitten-Tracker.
00:10:08Im Moment ist er in Norwegen.
00:10:10>> Das ergibt Sinn.
00:10:12>> Wow. Die Dynamik ändert sich gerade.
00:10:17>> Er bewegt sich ganz schön schnell.
00:10:19>> Ach du meine Güte. Okay.
00:10:22Wahnsinn, es hat wirklich dieses Elfen-Performance-Leaderboard eingebaut, Caroline.
00:10:26>> Das ist ja klasse.
00:10:28>> Wirklich interessant.
00:10:30>> Ich bin echt gespannt, wie das am Ende aussieht.
00:10:33>> Das macht Spaß. Was ist da passiert?
00:10:37>> Die Rentiere werden gerade gefüttert.
00:10:38>> Oh.
00:10:39>> Ich glaube, für Kinder wäre das super.
00:10:42Wenn man daraus ein Spiel machen könnte, bei dem man
00:10:44über den ganzen Monat hinweg die Rentiere füttern muss.
00:10:48Ich glaube, so was gab es früher schon mal, als wir klein waren.
00:10:50>> Oh Gott, es hat tatsächlich die „Naughty and Nice“-Liste erstellt.
00:10:53Hoffentlich sind das keine echten Namen.
00:10:55>> Sicherlich nicht.
00:10:56>> Ich hoffe, es schaut niemand zu, der da draufsteht.
00:10:57>> Das war natürlich nur ein Scherz.
00:10:59Sonst dürfen wir nie wieder eine Power Hour machen.
00:11:04>> Okay. Ich glaube, ich werde
00:11:06das hier noch ein bisschen verfeinern.
00:11:09Was mich ein wenig verwirrt, sind die Farben –
00:11:11„Naughty“ und „Nice“ sind auf den ersten Blick beide rot.
00:11:17Das sollten wir ändern.
00:11:19Und ich frage mich, ob wir diesen Teil interaktiver machen können.
00:11:28Vielleicht ein kleines Rentier-Spiel.
00:11:31Mal sehen: Ändere die Farben für „Naughty“,
00:11:38„Nice“ und „Gefüttert/Hungrig“, damit man sie
00:11:45auf den ersten Blick besser unterscheiden kann.
00:11:50Mal schauen. Das war jetzt kein besonders toller Prompt.
00:11:53Jetzt wechsel ich mal kurz zum anderen Tab.
00:11:58Unsere andere Generierung ist fertig.
00:12:02Das hier war unser erster Versuch.
00:12:05V0 sagt, es hat eine dynamische ASCII-Shader-Animation
00:12:09erstellt, die mit „Hello World“ beginnt.
00:12:12Oh, tatsächlich. Es ist nur schwer zu lesen.
00:12:14Da steht „Let's go“.
00:12:17Ich sage mal: Mach den Text deutlicher,
00:12:25damit er sich besser vom Hintergrund und den Animationen abhebt.
00:12:35Alles klar, mal sehen.
00:12:39Wir sind wieder beim Santa-Tracker.
00:12:42Okay, die Farben wurden geändert.
00:12:46„Nice“, „Naughty“.
00:12:48Viel übersichtlicher. Klasse.
00:12:54>> Super cool.
00:12:56>> Gut, zurück zu diesem Tab hier.
00:13:03Wir haben eine Frage auf X bekommen.
00:13:06Wann kommt das neue V0?
00:13:08Da müsst ihr wohl noch ein bisschen dranbleiben.
00:13:10Vielleicht eine kleine Weihnachtsüberraschung? Wer weiß.
00:13:13Es kommt bald. Ihr solltet euch auf
00:13:15die Warteliste setzen lassen, falls ihr das noch nicht getan habt.
00:13:17Es wird richtig cool.
00:13:18Da kommen viele spannende Sachen auf euch zu.
00:13:20Macht euch bereit.
00:13:22Okay. Jetzt ist der Text deutlich besser lesbar.
00:13:26>> Cool.
00:13:27>> Gefällt uns das Grün?
00:13:30>> Da es die V0 Power Hour ist,
00:13:33könnte das die Weihnachtsversion unseres Intros sein.
00:13:38Aber für den Alltag brauchen wir wohl eher Schwarz-Weiß.
00:13:41>> Mal sehen, was passiert, wenn ich sage:
00:13:42Verleihe dem Ganzen mehr Weihnachtsflair.
00:13:46Da sind jetzt lauter @-Zeichen.
00:13:51Sieht eigentlich ganz cool aus, ein bisschen nach Web.
00:13:54>> Ja, so Tech-Style.
00:13:57>> Haben wir noch andere Prompts?
00:13:59>> Okay.
00:14:00>> Wir haben gerade einen auf YouTube bekommen.
00:14:04>> Okay.
00:14:05>> Willst du ihn vorlesen, Amy?
00:14:06>> Ja. Amy, kannst du ihn vorlesen?
00:14:08>> Der Prompt lautet: „Baue eine App, mit der
00:14:11humanitäre Helfer einfache Ideen, Stichworte
00:14:14oder Reflexionen über den Monat sammeln können.
00:14:17Wenn sie fertig sind, können die Nutzer daraus einen
00:14:19einfühlsamen, community-orientierten Newsletter generieren.“
00:14:22>> Schön. Den machen wir in einer Sekunde.
00:14:28>> Das hier ist das Ergebnis für das Weihnachtsflair.
00:14:30>> Das sieht echt nett aus.
00:14:32>> Gefällt mir.
00:14:34>> Irgendwie mag ich die Symbole.
00:14:37Es sieht aus wie kleines Konfetti.
00:14:38>> Stimmt.
00:14:39>> Da sind Schneeflocken.
00:14:41>> Das ist cool.
00:14:42>> Eigentlich ziemlich süß.
00:14:44>> Und diese zufälligen Glitzer-Emojis,
00:14:46die es eingebaut hat.
00:14:47>> Ja, Kreativität pur. Ich liebe es.
00:14:52>> Das ist wirklich klasse.
00:14:53>> Okay. Ich öffne eine neue V0-Seite
00:14:58und gebe den Prompt ein, der gerade angefragt wurde.
00:15:02Los geht's: „Baue eine App,
00:15:09mit der humanitäre Helfer Ideen, Stichworte
00:15:11oder Reflexionen über den Monat sammeln können,
00:15:13um daraus einen einfühlsamen,
00:15:14community-orientierten Newsletter zu erstellen.“
00:15:17Wir versuchen das mal mit V0 Max.
00:15:21>> Das ist eine tolle Idee. Ich habe so was Ähnliches
00:15:27gebaut, als ich bei V0 angefangen habe,
00:15:29weil ich so viele Gespräche mit der Community geführt
00:15:32und ständig neue Ideen hatte.
00:15:34Ich dachte mir: „Ich brauche einfach eine Art Notizseite,
00:15:36um alles festzuhalten, damit nichts verloren geht,
00:15:39und um dann gemeinsame Themen herauszufiltern.“
00:15:42Das ist wirklich sehr nützlich.
00:15:44>> Okay. Es schlägt vor, Supabase zu installieren.
00:15:47Ich richte das mal kurz ein.
00:15:55>> Die Idee gefällt mir wirklich gut.
00:15:57Ich mache das für mich selbst ganz ähnlich,
00:15:59weil ständig so viel passiert –
00:16:01zwischen Community-Projekten, die geteilt werden,
00:16:05Dingen, die Vercel entwickelt,
00:16:06und neuen Features bei V0.
00:16:09>> Wie machst du das, Amy? Du bist doch ein Profi.
00:16:10Ich brauche deine Tipps.
00:16:11>> Ich müsste mir eigentlich was Besseres bauen,
00:16:14im Moment ist das alles noch sehr manuell.
00:16:18Es wäre toll, wenn die Formatierung automatisch
00:16:22erledigt würde, denn damit verbringe ich die meiste Zeit.
00:16:26>> Ja. Das Coole war, dass ich gar nicht
00:16:28festlegen musste, um welche Art von Gespräch es sich handelte.
00:16:30Egal ob mit einem Ambassador oder einem User,
00:16:33oder einfach nur eine spontane Idee –
00:16:35ich musste keine Zeit mit dem Sortieren verschwenden,
00:16:37sondern habe es einfach reingeschrieben,
00:16:38und das System hat dann die Themen zusammengefasst.
00:16:40Das war extrem hilfreich.
00:16:43>> Ich habe V0 auch schon zweckentfremdet.
00:16:47Was meiner Meinung nach bei V0 völlig unterschätzt wird,
00:16:49ist die Erstellung von Präsentationen.
00:16:52Ich nutze mittlerweile gar kein Google Slides oder so was mehr.
00:16:56Ich mache alle meine Folien mit V0,
00:16:58weil ich einfach nur die Gliederung beschreiben muss.
00:17:02So nach dem Motto: „Okay, ich halte einen Vortrag über dies und das.“
00:17:06Vor ein, zwei Monaten habe ich eine Präsentation über V0 gehalten
00:17:10und einfach gesagt: „Das sind meine Schwerpunkte,
00:17:13das möchte ich zeigen.“
00:17:14Ich habe das alles in einem einzigen Prompt in V0 gepackt,
00:17:17und es hat das komplette Deck erstellt.
00:17:19Danach kann man alles per Prompt anpassen.
00:17:22Ich habe nämlich keine Lust,
00:17:23Folien mühsam von Hand
00:17:25schick zu machen. Da fehlt mir das Talent.
00:17:28Was das Design angeht,
00:17:30ist V0 für mich ein echter Gamechanger.
00:17:32>> Durch die Design-Systeme ist es jetzt auch
00:17:34total einfach, einen einheitlichen Look zu haben,
00:17:36ohne dass man ständig alles neu prompten muss.
00:17:38>> Absolut. Wir können gleich mal
00:17:40ein Beispiel dafür zeigen, wenn das hier fertig ist.
00:17:44Ich überlege gerade, was man Lustiges
00:17:47mit der automatischen Anbindung an das AI-Gateway machen könnte.” Vielleicht nach diesem hier.
00:17:54Okay, sehr schön.
00:17:57>> Wie cool.
00:17:58>> Das ist stark. Wir haben hier direkt
00:18:00die Integration von Supabase genutzt,
00:18:02weil V0 das empfohlen hat.
00:18:05Wir haben die Verbindung hergestellt,
00:18:08V0 bleibt verbunden
00:18:11und hat diese App gebaut.
00:18:13Wir haben jetzt eine Newsletter-App mit
00:18:16einem Datenbank-Schema für Ideen und Reflexionen.
00:18:18Dank Supabase konnte V0 diese
00:18:20Haupt-App mit Ideensammlung und Newsletter-Funktion erstellen.
00:18:24Testen wir das Ganze mal.
00:18:27V0 hat die App „Community Voices“ genannt. Gefällt mir.
00:18:31Ich weiß nicht, ob der User das so im Kopf hatte.
00:18:33>> Falls die Person noch auf YouTube zuschaut,
00:18:35wäre es interessant zu wissen, ob noch was fehlt.
00:18:37>> Genau. Was nehmen wir als Reflexion?
00:18:41Caroline, vielleicht hast du eine Community-Reflexion.
00:18:43Zwar nicht direkt humanitär, aber vielleicht
00:18:45etwas aus deiner Arbeit mit den
00:18:46Zero-Passagieren oder etwas anderem von neulich.
00:18:50>> Wir haben heute eine wirklich nette E-Mail bekommen.
00:18:54Ein Ambassador hatte seinen Pulli in der falschen Größe bestellt,
00:18:59da gab es wohl ein Missverständnis.
00:19:01Und ich meinte: „Oh Gott, gar kein Problem,
00:19:02ich schicke dir einfach einen neuen.“
00:19:05Er antwortete: „Das ist ein toller Beweis dafür,
00:19:07dass ihr auf die kleinen Details achtet und
00:19:09dass euch die Menschen in der Community wichtig sind.“
00:19:12Das war für mich eine schöne Bestätigung dafür,
00:19:14dass diese kleinen Momente so viel ausmachen.
00:19:17Und ich war auch dankbar für sein Feedback,
00:19:21weil es für mich ja nur eine Kleinigkeit war,
00:19:22ihm zu helfen.
00:19:24>> Wie schön.
00:19:25>> Ich rede zu viel. Ich weiß nicht,
00:19:27wie du das jetzt kurz fassen willst.
00:19:28>> Wie soll ich das übersetzen?
00:19:31>> Das wäre jetzt der Moment für den
00:19:32Voice-Modus in Community Voices.
00:19:33>> Genau, ich müsste Whisper benutzen.
00:19:35Heute haben wir eine nette Nachricht von einem
00:19:43Community-Mitglied erhalten, der sich für
00:19:46einen kleinen Gefallen bedankt hat.
00:19:54Wir haben ihm einen neuen Pulli geschickt.
00:19:58Ist jetzt nicht gerade ein humanitärer Einsatz.
00:20:02>> Nein, nicht wirklich.
00:20:03>> Wir haben jemandem einen Pulli geschickt.
00:20:04Okay. Idee speichern.
00:20:06Sehr gut. Mal sehen, was passiert.
00:20:10Wir haben jetzt eine Idee.
00:20:11Was noch? Was gibt es noch für nette Dinge?
00:20:19Warum fällt uns das so schwer?
00:20:20Sagen wir mal: Weihnachten, Feiertage,
00:20:23einem Freund einen Weihnachtsmann gekauft.
00:20:29>> Auch nicht gerade humanitär.
00:20:31>> Wir testen das jetzt einfach mal.
00:20:35>> Alles klar.
00:20:37>> Okay. Super.
00:20:38>> Das ist echt cool.
00:20:40>> Ja. Wir bringen unsere Community zusammen.
00:20:44Das ist jetzt echt simpel.
00:20:46„Momente der Einsicht.“ Es hat es
00:20:50einfach eins zu eins so übernommen.
00:20:53Vielleicht können wir das noch etwas aufpeppen.
00:20:55Wir könnten sagen: Wenn du den Newsletter generierst,
00:21:00versuche die Ideen aus dem
00:21:03Abschnitt „Momentaufnahme“ etwas auszuschmücken,
00:21:14damit sie länger, interessanter und ansprechender zu lesen sind.
00:21:26Alles klar. Das wäre auch super
00:21:33hilfreich für interne Zusammenfassungen.
00:21:35Ich mache oft Recaps im Stil von:
00:21:37„Das haben wir diesen Monat alles geschafft.“
00:21:38Wie du schon sagtest –
00:21:40oft sind die Infos überall verstreut,
00:21:41da wäre es cool, sie einfach alle hier reinwerfen zu können.
00:21:43>> Ja. Ich habe da auch schon drüber nachgedacht,
00:21:45weil ein Teil meines Teams unser Start-up-Programm leitet
00:21:49und wir über einen Start-up-Newsletter sprechen.
00:21:53>> Genau.
00:21:53>> Das wäre ein super Weg, um einfach alles,
00:21:55was im Monat so passiert ist, festzuhalten,
00:21:58und am Ende per Klick den Newsletter zu erstellen.
00:22:00>> Mads, falls du zuschaust – das Template kannst du haben.
00:22:05>> Teilen wir unsere Ideen noch mal.
00:22:15Es gab noch einen Nachtrag von der Person auf YouTube.
00:22:20Sie führen eine E-Mail-Liste ihrer Community
00:22:23und möchten über die App benachrichtigt
00:22:25werden, sobald der Newsletter-Inhalt steht.
00:22:28Interessant.
00:22:30Dafür müsste man wahrscheinlich noch ein paar mehr
00:22:31Integrationen einrichten, um das wirklich umzusetzen.
00:22:34>> Ja, man bräuchte eine Anbindung an einen E-Mail-Dienst.
00:22:36Das ist machbar, aber dafür reicht die Zeit heute
00:22:40wahrscheinlich nicht ganz aus.
00:22:44>> Ich schreibe hier gerade noch ein paar wahllose Ideen rein.
00:22:47Einem Freund bei der Arbeit geholfen.
00:22:49Bei älteren Nachbarn angerufen.
00:22:55Das ist doch schon mal was. Mal sehen.
00:22:58Wenn wir jetzt auf „Generieren“ klicken,
00:23:00bekommen wir dann einen schöneren Newsletter?
00:23:05Die KI bastelt gerade an unserem Newsletter.
00:23:11>> Der wird bestimmt richtig gut.
00:23:15>> Oh ja, schaut euch das an.
00:23:17„Generationen verbinden.“
00:23:19Mehrere... okay, Wahnsinn.
00:23:23Sehr schön. Gehen wir mal zurück.
00:23:31Ich glaube, wir haben noch einen Prompt.
00:23:35>> Stimmt.
00:23:36>> Kannst du ihn vorlesen, Caroline?
00:23:39>> Ja. Jemand aus der Community möchte
00:23:43eine animierte Landingpage mit
00:23:44Shadern für eine Fashion-E-Commerce-Seite erstellen.
00:23:47Sie soll die besten Preise in allen US-Shops finden
00:23:53und eine Warteliste haben, ähnlich wie Google Flights für Shopping.
00:23:56Das fände ich super, dann muss man nicht
00:23:58ständig selbst alle Sale-Seiten abklappern,
00:24:00sondern alles ist automatisiert.
00:24:01>> Okay, so was brauche ich auch.
00:24:06>> Definitiv.
00:24:06>> Wo war dieses Tool, als ich meine Weihnachtseinkäufe gemacht habe?
00:24:09>> Gute Frage.
00:24:10>> Ja, das hätte mir vor drei Wochen echt geholfen.
00:24:12Das wäre super gewesen.
00:24:14>> Ich mache das immer bei meinen Flügen. Man hat das Gefühl,
00:24:17man kommt dem Ziel schon näher,
00:24:19dabei beobachte ich nur die Preise und warte,
00:24:21bis sie sinken. Das Gleiche hier beim Shopping.
00:24:23>> Mir gehen langsam die Credits aus.
00:24:27>> Wir können zu meinem Account wechseln, falls nötig.
00:24:29>> Nein, passt schon. Alles gut.
00:24:30Ich neige nur zum Drama.
00:24:32>> Ganz schön viel Action in dieser Power Hour.
00:24:36>> Es ist wirklich eine Power Hour.
00:24:38Jemand fragte neulich: „Ist Power Hour nicht ein Trinkspiel?“
00:24:42Ich meinte nur: „Hier werden keine Kurzen getrunken, wir one-shotten.“
00:24:45>> Ja, Ali, der war gut.
00:24:50>> Danke.
00:24:50>> Ich musste auch daran denken,
00:24:51war mir aber nicht sicher, ob es sonst jemand versteht, also hab ich nichts gesagt.
00:24:53>> Jetzt werde ich im Internet bestimmt getrollt,
00:24:54aber das war der flachste
00:24:55Dad-Joke meines Lebens.
00:24:58>> Hast du ihn schon getwittert?
00:24:59>> Nein, bloß nicht.
00:25:01Wir haben V0 gepromptet, wieder mit V0 Max,
00:25:08und ich habe Supabase installiert, weil V0
00:25:11mir das wieder vorgeschlagen hat.
00:25:13Jetzt werden Design-Inspirationen
00:25:16und Seeds generiert, die ich mit Supabase verknüpft habe.
00:25:18Es geht also voran.
00:25:20Jetzt habe ich alles, was ich brauche.
00:25:23Super. Sehr schön.
00:25:25>> Okay. Während das hier läuft,
00:25:30will ich noch einen machen.
00:25:36Oh Gott, wir haben noch drei verschiedene.
00:25:38>> Oh ja, da sind noch einige.
00:25:39>> Wir haben einen sehr spezifischen.
00:25:43>> Suchen wir uns einen aus.
00:25:48Wählt ihr einen aus, lest ihn mir vor,
00:25:50und ich fange an zu prompten.
00:25:54>> Ich glaube, das sind sogar dieselben,
00:25:58nur in zwei Teilen.
00:26:00>> Ja, es ist hier in zwei Teile aufgeteilt.
00:26:02>> Stimmt.
00:26:03Vielleicht kommt das von G.
00:26:11Erstelle mir eine weihnachtliche „Ready Player One“-Welt
00:26:14im Pixar-Stil, in der G als Weihnachtsmann Geschenke live codet.
00:26:23Wir wollen also G als Weihnachtsmann, der Geschenke codet.
00:26:26Das Ganze soll diesen futuristischen Disney-Look haben.
00:26:29Erstelle Power-Hour-Weihnachtskarten, die G gerade codet.
00:26:34Sie sollen als Karten im Format 4x5 herunterladbar sein
00:26:38und SVG-Animationen enthalten.
00:26:41Alle 15 Sekunden soll eine neue, individuelle Karte gecodet werden.
00:26:46Nutze das Vercel AI-Gateway auf eine beliebige Weise.
00:26:50Ali, da hast du die freie Wahl.
00:26:52>> Ich lasse V0 entscheiden. Das ist mir zu hoch.
00:26:54>> Als Copywriter, Stratege und Motion-Designer
00:26:57hast du die volle Kontrolle.
00:26:59>> Okay.
00:27:02>> Wow. Fangen wir damit mal an.
00:27:04>> Da bin ich echt gespannt.
00:27:06>> Ich weiß ja nicht.
00:27:07>> Das ist das Ergebnis.
00:27:11Dieser Bereich für die Preisalarm-Warteliste
00:27:16scheint auf den ersten Blick alles dahinter zu verdecken.
00:27:20Ich mache jetzt das, was ich am liebsten mache:
00:27:22Screenshot machen, rüberziehen und sagen: „Dieses Pop-up
00:27:27verdeckt die Bilder im Hintergrund.“
00:27:31Verschiebe es oder mach es kleiner, damit
00:27:37der Rest der Seite wieder sichtbar ist.
00:27:42Währenddessen
00:27:44kopiere ich diesen sehr spezifischen Prompt.
00:27:52Ich glaube, die Person meinte, dass V0 die Kontrolle hat.
00:27:57Mal sehen, was passiert,
00:27:59wenn ich das einfach per Copy-Paste einfüge.
00:28:00Ich werde das jetzt korrigieren.
00:28:03Ich habe ein bisschen Schiss, bin aber wahnsinnig neugierig.
00:28:14Während das läuft...
00:28:20>> Es ist echt spannend zu sehen, woher es die Bilder nimmt.
00:28:23>> Die Kommentare bestätigen es:
00:28:25Ja, V0 soll die Kontrolle übernehmen.
00:28:27>> Alles klar. Verstanden.
00:28:29>> Ich weiß genau, was ihr meint.
00:28:31Wir haben eine neue Version der Fashion-Seite.
00:28:36Wir haben das hier nach unten verschoben,
00:28:39aber vor diesem Hintergrund
00:28:41kann man es jetzt kaum noch erkennen.
00:28:43Ich schaue mal, ob ich das korrigieren kann.
00:28:47>> Design-Modus.
00:28:48>> Genau. Ich will den Hintergrund...
00:28:57Mal sehen. Was passiert, wenn ich das hier mache?
00:29:03Ja, das ist hässlich.
00:29:07Die Designer, die jetzt zuschauen, denken bestimmt:
00:29:08„Was macht sie da bloß?“ Ich klicke mich mal durch
00:29:11die verschiedenen Optionen.
00:29:15Wir könnten auch total ausrasten.
00:29:18>> Das ist sehr weihnachtlich.
00:29:20>> Was gefällt uns?
00:29:22>> Als würde man Weihnachtsessen verspeisen.
00:29:24>> Wir bleiben erst mal dabei
00:29:35und ich klicke auf „Speichern“.
00:29:37Das ist die obere Navigationsleiste, die mitscrollt.
00:29:43Sieht zwar nicht besonders hübsch aus,
00:29:47aber besser als vorher.
00:29:49Man kann jetzt wenigstens alles sehen.
00:29:50>> Ja.
00:29:51>> Jetzt schaue ich wieder in
00:29:54den Chat und gehe zurück zum ursprünglichen Prompt.
00:29:58Die wollten dieses Wartelisten-Feature,
00:30:01wie Google Flights für Shopping.
00:30:02Ich glaube, wenn ich das hier eingebe, ist das das Produkt, das ich will.
00:30:10Ich will den Nike Air Marktpreis, 150 Dollar.
00:30:17Das erscheint mir viel zu teuer.
00:30:18Sneakers, Warteliste beitreten.
00:30:21Cool. Da ich eine Datenbank angebunden habe –
00:30:26aber schaut euch das an:
00:30:27Der Status nach dem Absenden des Wartelisten-Formulars
00:30:31sieht auch noch nicht toll aus.
00:30:34Mal sehen, ob ich das ändern kann.
00:30:37Genau das liebe ich am Design-Modus: kleine Anpassungen ganz einfach.
00:30:47Ich musste es nicht prompten, weil ich nicht genau wusste, was ich sagen soll.
00:30:50>> Das spart mir auch so viel Zeit,
00:30:53besonders bei kleinen Textänderungen. Einfach direkt reingehen. Genial.
00:30:58>> Ich wette, Leute aus meinem Team werden sagen:
00:31:01„Ali, das ist das Hässlichste, was ich je gesehen habe.
00:31:02Warum hast du das getan?“
00:31:04>> Eine Verschwendung des Design-Modus.
00:31:08>> Was wolltest du sagen, Amy?
00:31:11>> Ich wollte nur zustimmen.
00:31:12Manchmal weiß man einfach nicht, welche Farben am besten passen,
00:31:15da ist es super, wenn man schnell mal schauen kann:
00:31:17Welche Hintergrundfarbe will ich?
00:31:19Welche Textfarbe?
00:31:21>> Ich bin zurück bei dieser sehr speziellen
00:31:25„Ready Player One“-Pixar-Weihnachtswelt mit Guillermo als Weihnachtsmann.
00:31:31Es hat zwar seinen Namen und alles hier hingeschrieben,
00:31:37aber ich frage mich, ob die Person ein Bild wollte.
00:31:39Außerdem gibt es einen Fehler.
00:31:41>> Ich bin davon ausgegangen, dass sie ein Charakter-Bild von ihm als Weihnachtsmann wollten.
00:31:49Aber falls sie noch zuhören,
00:31:52können sie uns ja noch mal einen Tipp geben.
00:31:54Weil, im Moment ist das noch kein Bild,
00:31:58also kann ich es nicht bearbeiten.
00:32:00Ich sage jetzt mal:
00:32:03„Das will ich so nicht.“ Ich will, dass er – was hatten sie geschrieben?
00:32:11Ich will, dass von Guillermo tatsächlich ein Bild generiert wird.
00:32:21Ich hänge mal eins an, mal sehen.
00:32:25Ich glaube, ich habe da ein Bild.
00:32:32Ja, ich will, dass von Weihnachtsmann-Guillermo wirklich ein Bild erscheint.
00:32:49Ich versuche das jetzt mal,
00:32:52aber ich sehe auch, dass der
00:32:53„Karten-Compiler“ hier unten nicht funktioniert.
00:32:59>> Es sieht so aus, als würde die Initialisierung feststecken.
00:33:05>> Ich glaube auch, dass die Person eher an ein Spiel gedacht hat,
00:33:15so eine Art Welt, und V0 hat jetzt eher ein Dashboard gebaut.
00:33:20>> Stimmt.
00:33:22>> Da haben wir es doch. Hier ist das Bild und da ist der Weihnachtsmann.
00:33:30Vielleicht noch eine kleine Änderung per Prompt:
00:33:38Gib ihm eine Weihnachtsmütze.
00:33:45>> [unverständlich]
00:33:53>> Ich warte noch.
00:33:55Okay, so viele Optionen.
00:34:05Welche gefällt uns am besten?
00:34:07Mir gefällt die linke hier.
00:34:09>> Ja, die ist etwas dezenter.
00:34:12>> Alles klar. Wir haben unseren Santa G.
00:34:16Jetzt versuchen wir mal, das andere Teil hier zu reparieren.
00:34:25Eigentlich kann ich das einfach so machen.
00:34:33Da kam gerade eine Fehlermeldung,
00:34:35dass die Karte nicht erstellt werden konnte.
00:34:38Ich habe jetzt einfach auf „Fix with V0“ geklickt, das kostet nichts.
00:34:41Wenn man „Fix with V0“ nutzt, werden keine Credits abgezogen.
00:34:43Es versucht es so lange,
00:34:45bis der Fehler behoben ist.
00:34:49Während das läuft,
00:34:52schauen wir mal, ob noch was da ist.
00:34:55>> Ja, wir haben gerade noch einen bekommen.
00:34:58>> Ich habe mittlerweile so viele V0-Tabs offen.
00:35:00Ich bin bereit.
00:35:01>> Kriegst du das noch hin? Schaffst du noch einen?
00:35:03>> Das schaffe ich. Ob ich es wirklich schaffe? Wir werden sehen.
00:35:06>> Ja, das kriegen wir hin. Hier steht:
00:35:09„Baue eine Bestandsverwaltungs-App für eine Tafel (Food Bank).“
00:35:12Das ist cool. Man soll Produkte scannen,
00:35:16den Bestand erfassen und Bestellungen aufgeben können,
00:35:17die man dann bedürftigen Personen zuweist.
00:35:20Ich denke, es sollte auch Kundenkonten geben. Sehr schön.
00:35:25>> Alles klar.
00:35:26>> Man könnte vielleicht noch die Zeit hinzufügen,
00:35:30also in den Prompt schreiben: Zeit der Anfrage
00:35:33und voraussichtliche Abholung, zur besseren Planung.
00:35:37>> Ich werde jetzt mal die Funktion „Prompt optimieren“ testen.
00:35:40>> Ja, wahrscheinlich effektiver als Carolines Vorschläge.
00:35:44>> Nein, Quatsch. Ich wollte nur mal sehen, was es macht.
00:35:49Okay. Ändern wir den Prompt.
00:35:51Durch die Optimierung heißt es jetzt:
00:35:54„Entwirf eine umfassende App zur Bestandsverwaltung,
00:35:57speziell zugeschnitten auf gemeinnützige Tafeln.
00:35:58Der Fokus soll auf Funktionen wie Produkt-Scanning,
00:36:01detaillierter Bestandserfassung und der Erstellung von
00:36:03Bestellungen liegen, die einzelnen Bedürftigen zugewiesen werden können.
00:36:05Das System soll Kundenkonten unterstützen,
00:36:07damit Nutzer sich registrieren und ihre Bestellungen verfolgen können.
00:36:10Integriere Barcode- oder
00:36:11QR-Code-Scanner für Produkte, wow,
00:36:14Echtzeit-Updates der Lagerbestände für präzise Informationen
00:36:17und ein intuitives Interface für die Auftragsverwaltung.
00:36:20Stelle sicher, dass die App
00:36:21sichere Datenverarbeitung, einfache Navigation
00:36:23und Skalierbarkeit für zukünftige Erweiterungen bietet.
00:36:26Das Ganze in einem responsiven Design,
00:36:28das sowohl für Desktop als auch für Mobilgeräte geeignet ist.
00:36:30Berücksichtige Nutzerrollen für Personal und
00:36:32Freiwillige sowie Reporting-Funktionen
00:36:34für Bestands- und Bestellanalysen.“
00:36:36Wahnsinn. Das ist wirklich gut.
00:36:42Mal sehen. Wir nutzen wieder V0 Max.
00:36:47Ich gehe noch mal zurück.
00:36:49>> War diese Santa G-Welt auf Max oder Pro?
00:36:54>> Das war auf Max.
00:36:56>> Max. Okay.
00:36:56>> Alles klar, es hat funktioniert.
00:36:59Schauen wir mal. Aber die Karten
00:37:02kann ich weder ansehen noch herunterladen.
00:37:07Ich hätte fast „Bitte reparieren“ gesagt.
00:37:18Es ist schon peinlich, wie oft ich das
00:37:20tatsächlich sage – teils für die Memes, teils im Ernst.
00:37:25Jetzt wird es tatsächlich generiert.
00:37:27Es werden Karten mit „Frohe Weihnachten“
00:37:29und herzlichen Wünschen erstellt, aber
00:37:30ich kann sie nicht anklicken und in der Vorschau sehen.
00:37:32Aber es scheint diesen 15-Sekunden-Takt
00:37:34einzuhalten, denn hier oben läuft der Timer.
00:37:38In einer Sekunde... ja,
00:37:40da wurde schon die nächste generiert.
00:37:42Sie sehen jetzt zwar nicht super individuell aus,
00:37:45vielleicht wird das unser nächster Verbesserungspunkt.
00:37:49Aber mal sehen.
00:37:53Ich bin wieder bei unserer Tafel-App und installiere
00:38:00Supabase. Ich muss wohl mein Abo upgraden.
00:38:10Caroline, wir müssen das vielleicht an dich übergeben.
00:38:12>> Ja, machen wir.
00:38:13>> Schauen wir mal. Das hier baut noch.
00:38:20Währenddessen
00:38:23werde ich ein paar Probleme beheben.
00:38:34Nein, hast du nicht.
00:38:37>> Im Chat heißt es, es sieht so aus, als würden die Karten
00:38:42sich nicht an die Größe ihres Containers anpassen.
00:38:44Das sehe ich auch so.
00:38:51Sagen wir also mal:
00:38:55Die Karten passen sich nicht ihrem Container an.
00:39:18Mal sehen, was passiert. Sehr gut.
00:39:22Wir haben noch etwa fünf Minuten.
00:39:26Einen Vorschlag aus dem Chat will ich unbedingt noch probieren.
00:39:31Da steht: „Bauen wir so was wie
00:39:36Spotify Wrapped, aber für V0 im Jahr 2025.“
00:39:39Lustig, dass du das sagst.
00:39:42>> Interessant.
00:39:45>> Bauen wir einen Jahresrückblick in V0,
00:39:54ähnlich wie Spotify Wrapped,
00:39:56aber für meine V0-Nutzung und Statistiken dieses Jahr.
00:40:02Du kannst erst mal Beispieldaten nehmen,
00:40:06aber wie soll das aussehen, Leute?
00:40:09Ein klares Design in Schwarz-Weiß, typischer Vercel-Stil.
00:40:17>> Ja.
00:40:17>> Mach es festlich.
00:40:21>> Vielleicht optimiert...
00:40:23Könntest du es für Social Media optimieren?
00:40:25Damit die Leute einen Screenshot machen können.
00:40:28>> Versuchen wir mal die Prompt-Optimierung.
00:40:37„Entwirf ein umfassendes Jahresrückblick-Feature
00:40:39in V0, das an
00:40:41Spotify Wrapped erinnert, aber darauf zugeschnitten ist,
00:40:42meine V0-Nutzungsstatistiken des Jahres zu präsentieren.
00:40:45Nutze Beispieldaten zur Veranschaulichung des Konzepts.“
00:40:47Sehr gut. Das probieren wir mal.
00:40:50Und ich will noch
00:40:54einen KI-Chatbot oder so was hinzufügen,
00:40:56dem ich Fragen zu den Daten stellen kann.
00:40:59>> Das wäre echt cool.
00:41:08>> Mal sehen.
00:41:11Während das läuft, schaue ich noch mal
00:41:17nach unserer Pixar-Weihnachtswelt.
00:41:21Nee, funktioniert immer noch nicht.
00:41:29Anscheinend prompte ich nicht richtig.
00:41:34Ich kenne den Trick für diese Karten nicht.
00:41:37Alles andere klappt ja.
00:41:39>> Ja, alles andere funktioniert.
00:41:40Hier oben haben wir Santa G.
00:41:42Mal sehen...
00:41:46So sehen die Karten im Moment aus.
00:41:55Ganz schön mutig, das hier so offen zu zeigen.
00:41:58Die Leute sagen einfach nur „Hi“.
00:42:00>> Das sage ich auch immer.
00:42:02So nach dem Motto: „So sehen sie halt aus.“
00:42:03>> Aber so sollten sie eigentlich nicht aussehen.
00:42:06>> Falls wir Profis im Chat haben: Lasst es mich wissen.
00:42:10Wenn ich mich gerade blöd anstelle,
00:42:12haltet mich bitte auf, bevor es noch schlimmer wird.
00:42:16>> Ich frage mich aber...
00:42:22man kann im Chat zwar
00:42:24keinen Screenshot schicken,
00:42:25aber es wäre hilfreich, wenn wir ein Bild davon hätten,
00:42:27wie die Karten eigentlich aussehen sollen.
00:42:31>> Auf diesen V0-Rückblick freue ich mich schon sehr.
00:42:37>> Ich mich auch, Natalie.
00:42:38>> Der Prompt war aber auch ziemlich komplex,
00:42:40das könnte einen Moment dauern, zumal
00:42:41wir dafür V0 Max benutzen.
00:42:43Ich will schließlich das bestmögliche Ergebnis.
00:42:45>> Ich fand den Teil gut, wo es hieß:
00:42:47„Finde die Balance zwischen Eleganz und Festlichkeit.“
00:42:50>> Den Teil habe ich gar nicht gesehen.
00:42:53>> Doch, doch.
00:42:54>> V0 ist jetzt also quasi die Twitter-Polizei, keine Ahnung.
00:42:58Alles klar, mal sehen.
00:43:07Das wird wohl unsere letzte Generierung für heute sein.
00:43:11Aber falls eure Idee heute nicht dran kam,
00:43:13bringt sie einfach das nächste Mal wieder mit.
00:43:17Okay, „V0 Wrapped“ ist noch in Arbeit,
00:43:20aber was ich bisher sehe, gefällt mir.
00:43:22>> Übrigens, falls jemand zwischendurch
00:43:24noch Ideen für Prompts hat:
00:43:26Schreibt Ali oder mir eine DM,
00:43:29dann können wir die schon mal für die nächste Power Hour sammeln.
00:43:32>> Okay. Das ist echt stark.
00:43:35Aber es denkt, wir haben 2020.
00:43:37>> Tja, Zeit ist relativ, Zahlen sind schwer.
00:43:40>> Zeit ist ein schwieriges Thema.
00:43:42>> Aber die Animation ist toll.
00:43:44>> Ja, total süß, diese kleinen Sterne.
00:43:46Und die ganzen Schneeflocken.
00:43:48Wir haben heute gelernt: V0 liebt Schneeflocken.
00:43:50>> Wir haben ja auch gesagt, es soll elegant und festlich sein.
00:43:52>> Stimmt. Da haben wir's.
00:43:55Okay, „V0 Wrapped 2024“.
00:43:58Mein Name ist „Developer Pro“. Na klar, was sonst.
00:44:00>> Aber sowas von.
00:44:02>> Wie ihr alle sehen konntet.
00:44:04Dieses Jahr habe ich 2.847 Prompts abgeschickt,
00:44:09im Schnitt acht Stück pro Tag.
00:44:11>> Den Tagesdurchschnitt finde ich gut.
00:44:13>> Ja, das ist cool.
00:44:15Schön, 156 Projekte.
00:44:19Wahnsinn, die Codezeilen-Statistik ist auch echt stark.
00:44:21Wie gesagt, das sind nur Beispieldaten, nicht meine echten Zahlen,
00:44:23aber es wäre extrem cool, so was generieren zu können.
00:44:25>> Das gibt einem ein gutes Gefühl.
00:44:26>> Das können wir in der nächsten Power Hour weiter ausbauen.
00:44:30>> Gerne.
00:44:31>> Interessant, der Tech-Stack: 68 Prozent Next.js.
00:44:36Sehr passend.
00:44:40>> Oh, das ist cool.
00:44:43>> Dreiundhalb... 42 Stunden.
00:44:46>> Da sieht man auch die Zeitersparnis,
00:44:49wie viel Zeit einem V0 bei der Entwicklung spart.
00:44:52>> Das wäre klasse, besonders wenn man
00:44:53als Entwickler das Tool ständig nutzt.
00:44:55>> Definitiv.
00:44:56>> Okay.
00:44:57>> „Nachteule“.
00:44:58>> „Early Adopter“, „Nachteule“,
00:45:00am aktivsten um 2 Uhr morgens – das stimmt bei mir absolut nicht.
00:45:02>> Ich hoffe doch nicht.
00:45:04>> Ich bin eher eine Oma. Okay, „Prolific Creator“.
00:45:07Das ist süß, unter den Top 3 Prozent.
00:45:09>> Richtig cool.
00:45:10>> Ja, das macht Spaß.
00:45:12Und schaut mal, die Share-Funktion ist auch da.
00:45:14>> Klasse.
00:45:14>> Kann ich es wirklich runterladen?
00:45:16Tatsächlich. Wow.
00:45:18>> Das ist ja der Wahnsinn.
00:45:19>> Das ist echt stark. Na ja,
00:45:21ich glaube, das ist der perfekte Schlusspunkt.
00:45:24>> Finde ich auch.
00:45:25>> Wahnsinn, wie schnell die Zeit vergangen ist.
00:45:28>> Wir haben echt viel geschafft.
00:45:29>> Jetzt verstehe ich, wie man über 300 Stunden damit verbringen kann.
00:45:33Super. Alles klar.
00:45:37Vielen Dank an alle,
00:45:38die bei diesem ersten Experiment dabei waren.
00:45:40Hoffentlich hattet ihr ein bisschen Spaß.
00:45:42Wir wollen in Zukunft öfter
00:45:44Gäste einladen und euch prompten lassen.
00:45:45Ihr seid wahrscheinlich viel besser darin als ich,
00:45:47also immer her damit.
00:45:49Danke an alle, die uns heute
00:45:51Prompts geschickt haben. Wir machen auf jeden Fall weiter.
00:45:54Lasst uns wissen, wie es euch gefallen hat,
00:45:55aber wir freuen uns schon auf viele weitere
00:45:57V0 Power Hours im neuen Jahr.
00:46:00Klasse. Danke noch mal.
00:46:04>> Tschüss!

Key Takeaway

In der ersten V0 Power Hour demonstriert das Vercel-Team die Vielseitigkeit von V0 bei der schnellen Erstellung von Web-Anwendungen, von kreativen Animationen bis hin zu komplexen Datenbank-Integrationen.

Highlights

Einführung der V0 Power Hour als neues interaktives Live-Format von Vercel

Live-Demonstration der KI-Modelle V0 Pro und V0 Max (basierend auf Claude Opus)

Integration von Supabase zur schnellen Erstellung datenbankgestützter Web-Anwendungen

Anwendungsbeispiele für kreative ASCII-Animationen und Shader-Effekte

Erstellung praktischer Tools wie eines Santa-Trackers und einer Bestandsverwaltungs-App für Tafeln

Nutzung des Design-Modus für schnelle visuelle Anpassungen ohne Code-Eingabe

Konzept eines 'V0 Wrapped' zur Visualisierung der persönlichen Entwickler-Statistiken

Timeline

Einführung und Vorstellung des Formats

Das Team von Vercel Community, bestehend aus Ali, Caroline und Amy, stellt das neue Format 'V0 Power Hour' vor. Ziel ist es, in regelmäßigen Abständen live mit Feedback aus der Community Anwendungen in V0 zu bauen. Ali erklärt ihre Rolle als Member of Technical Staff, während Caroline ihren ersten Livestream bei Vercel feiert. Die Zuschauer werden ermutigt, sich in der Vercel-Community einzuloggen, um eigene Prompts einzureichen. Amy weist zudem auf den Verhaltenskodex hin, um eine freundliche Atmosphäre im Chat zu gewährleisten.

Erste Schritte mit ASCII-Animationen

Der erste Prompt eines Ambassador zielt auf die Erstellung eines Intros mit ASCII-Shader-Animationen und der Begrüßung 'Hello World' ab. Ali nutzt V0 Pro, um diese komplexe visuelle Aufgabe umzusetzen, bei der sich Zeichen alle drei Sekunden neu anordnen sollen. Während der Generierung diskutiert das Team über die verschiedenen Modelle, wobei V0 Max als das leistungsstärkste Modell auf Basis von Claude Opus hervorgehoben wird. Es wird thematisiert, wie KI mühsame manuelle Aufgaben wie ASCII-Art erheblich vereinfacht. Die Verzögerung bei der Generierung wird durch die Komplexität der mathematischen Shader-Berechnungen erklärt.

Weihnachtliche Projekte und Santa-Tracker

In vorweihnachtlicher Stimmung entwickelt das Team ein internes Dashboard für den Nordpol, inklusive Schlitten-Tracker und Rentier-Fütterungsplan. Ali erläutert ihre Strategie, Prompts so präzise wie möglich zu formulieren, um exakte Ergebnisse zu erhalten. Das generierte Dashboard zeigt interaktive Elemente wie eine 'Naughty and Nice'-Liste und den aktuellen Standort des Schlittens in Norwegen. Durch Feedback im Livestream werden Farben und Kontraste angepasst, um die Benutzerfreundlichkeit zu erhöhen. Schließlich wird das Intro-Design mit weihnachtlichen Emojis und Schneeflocken-Symbolen für mehr Flair verfeinert.

App-Entwicklung für humanitäre Helfer

Ein Zuschauerwunsch führt zur Entwicklung einer App namens 'Community Voices', die humanitäre Helfer beim Sammeln von Reflexionen unterstützt. V0 schlägt hierfür die Integration von Supabase vor, was Ali direkt umsetzt, um eine persistente Datenspeicherung zu ermöglichen. Das Team diskutiert darüber, wie V0 auch für interne Berichte oder Präsentationen ein 'Gamechanger' ist, da es Gliederungen automatisch in ansprechende Decks verwandelt. In der Demo wird ein Beispiel-Newsletter generiert, der kurze Stichpunkte in einfühlsame, ausführliche Texte umwandelt. Die Flexibilität von V0 zeigt sich hier besonders in der Verknüpfung von Logik und inhaltlicher Gestaltung.

Fashion-E-Commerce und komplexe Bildgenerierung

Ein weiterer komplexer Prompt fordert eine Fashion-Landingpage mit Preisüberwachung und Wartelisten-Funktion ähnlich wie Google Flights. Ali demonstriert den Design-Modus von V0, um Pop-ups zu verschieben und Hintergrundfarben ohne neuen Prompt anzupassen. Parallel dazu wird versucht, eine 'Ready Player One'-Welt im Pixar-Stil mit Guillermo Rauch als Weihnachtsmann zu erschaffen. Dabei nutzt Ali die Bild-zu-Bild-Funktion, um ein Foto von Guillermo in den Prompt zu integrieren. Trotz kleinerer technischer Schwierigkeiten beim 'Karten-Compiler' zeigt das Experiment, wie weit die visuelle Kontrolle innerhalb des Tools reicht.

Tafel-App und V0 Wrapped 2024

Zum Abschluss wird eine Bestandsverwaltungs-App für eine Tafel (Food Bank) entworfen, wobei die 'Prompt optimieren'-Funktion von V0 beeindruckende Detailtiefe liefert. Das Highlight der letzten Minuten ist das Projekt 'V0 Wrapped', eine Hommage an Spotify Wrapped, das Nutzungsstatistiken wie die Anzahl der Prompts und Projekte visualisiert. Das generierte Dashboard zeigt spielerische Titel wie 'Nachteule' und bietet sogar eine funktionierende Share-Funktion zum Herunterladen der Statistiken. Das Team verabschiedet sich mit dem Versprechen, das Format im neuen Jahr mit weiteren Gästen und spannenden Community-Ideen fortzusetzen. Ali betont abschließend die enorme Zeitersparnis, die V0 Entwicklern durch die Automatisierung von Standard-Code bietet.

Community Posts

View all posts