#16: Vibe Coding: Programmieren ist jetzt für alle zugänglich

0:00 KI gibt die Superpowers.

0:01 Das war für mich einfach

0:03 ein riesen Aha und Wow Moment. Das Spannende ist, es geht wirklich sehr schnell. Es gibt einige Firmen, die gibt's jetzt erst seit' Jahr, ' halben Jahr. Es gibt,

0:12 es gibt

0:14 von OpenAI übernommen werden. Es gibt Cursor, vielleicht wohl die professionellste Variante dessen. Ganz normalen Leuten, unsere kreativen Leuten, kleinen Entwicklern jetzt erlauben, eben Softwarelösung zu bauen. Das sind eigentlich ganz, ganz interessante Entwicklung. Es gab ja vor Jahren so dieses ganze Thema No Code, Low Code, also meine Sicht von Website, Bilder. Was heißt Vibe? Es geht heute das Thema Vibe Coding, was es wirklich erst seit diesem Kern gibt, weniger seit' Jahr,

0:41 könnt jetzt ihr alle, auch wenn ihr keine Ahnung habt vom Software Development,

0:46 eure eigenen kleinen Apps bauen.

0:54 Willkommen zurück zum Co-Intelligence

0:56 Podcast, eurem KI Lernpodcast

0:58 mit Moritz Heininger und mir Benjamin Wüstenhagen.

1:02 Jetzt ganz ohne Pflege, wir hatten gerade eine Pflege, die wir erst aus dem Set schmeißen mussten. Sie

1:07 lebt noch. Sie lebt noch. Niemand wurde verletzt. Ja. Und

1:11 nur nicht nur deswegen wird's heute.

1:14 Wow.

1:15 Was eine Einladung.

1:17 Genau. Was heißt? Es geht heute das Thema Vibe Coding.

1:22 Was heißt Vibe Coding? Vibe Coding heißt, dass so Ottos wie wir beide die

1:28 BWLer sind und vielleicht ganz viele Ideen haben, die sie aber bisher nie richtig umsetzen konnten beziehungsweise

1:34 immer

1:35 richtige gute Softwareentwickler

1:37 gebraucht haben, die Sachen zu entwickeln, die wir irgendwie in unseren Köpfchen hatten. Mit Vibe Coding, was es wirklich erst seit diesen Termen gibt, weniger seit' halben Jahr, könnt jetzt ihr alle, auch wenn ihr keine Ahnung habt vom Software Development,

1:51 eure eigenen kleinen Apps bauen. Ihr werdet jetzt nicht die nächste Enterprise Anwendung,

1:56 also nicht unbedingt das nächste Salesforce sofort damit bauen,

1:59 aber ganz viele kleinere Lösungen für euch, für euer Unternehmen, für intern, für extern.

2:04 Und das Ganze geht mit der

2:06 wie wie

2:08 heißt er? Wie Andre

2:10 Andrey Capathy. Heißt der Andrey,

2:12 Andrej Karpathy heißt der, ne? Andrey.

2:15 1 der OpenAI

2:17 Gründer,

2:18 gesagt hat, Englisch ist the hottest

2:21 Development Language.

2:24 Also

2:25 Englisch ist die heißeste Programmiersprache

2:27 in 20 25.

2:28 Und er hat auch den Terminus Vibe Coding geprägt, der es dann innerhalb kürzester Zeit ins

2:33 Webstar

2:34 Dictionary geschafft hat. Ja, ja, im Februar hat er dann, glaube ich,

2:38 sich ausgedacht

2:40 Ja. Und im März war's schon im Dictionary.

2:42 Und was heißt das alles? Warum Vibe Coding? Na ja, weil ich einfach mit der Software viben kann. Ich kann schreiben, ich kann sagen, entwickel mal das, dann kann ich sagen, ich änder mal ein bisschen was für mich und dann bau ich mir quasi Schritt für Schritt in einem Flow einfach nur über Sprache

2:58 eine Anwendung.

2:59 Das ist total crazy. Wir sagen ja immer wieder, KI gibt dir Superpowers.

3:04 Das war für mich einfach

3:06 ein riesen Aha und Wow Moment, dass ich auf einmal Superpowers bekommen habe, weil jetzt konnte ich was programmieren. Ich konnte was entwickeln. Vorher hatte ich keine Ahnung vom Software Development.

3:16 Das Spannende ist, es geht wirklich sehr schnell. Es gibt einige Firmen, die gibt es jetzt erst seit' Jahr, ' halben Jahr.

3:22 Die haben in kürzester Zeit richtig viele Zahnnutzer erreicht, haben richtig viel Umsatz gemacht. Lovable, schönes Beispiel,

3:29 Stockholm

3:29 sind haben jetzt irgendwie die 75.000.000

3:31 Jahresumsatz.

3:33 Umsatz. Also ARR schon

3:36 durchbrochen. Nach' halben Dreivierteljahr, seitdem es die gibt. Über 30.000 zahlende Kunden. Es gibt ein paar Mit 30 Leuten. Ist ja auch mal überlegen. Ja, genau.

3:45 Es gibt,

3:46 es gibt,

3:47 die grade von OpenAI übernommen werden. Es gibt Cursor, vielleicht so die professionellste

3:52 Variante dessen,

3:53 die auch von vielen Entwicklerinnen genutzt wird. Cursor ist auch total verrückt und weil ich muss mal dazu sagen, das sind alles Tools, die

4:00 auf LLMs

4:02 aufbauen beziehungsweise dich sogar die LLMs, also die unterliegenden Sprachmodelle auswählen

4:07 lassen. Sind keine eigenen KI Modelle in dem Sinn, sondern einfach eine Oberfläche,

4:13 die es

4:14 ganz normalen Leuten und zwar kreativen Leuten, keinen Entwicklern jetzt erlauben, eben Softwarelösung

4:20 zu bauen.

4:21 Außer Cursor hast Du erwähnt. Cursor ist ein Tool, was auch ganz viele Softwareentwickler sollte wirklich programmieren können, nutzen Und so 10x

4:30 auf einmal ein 10x Engineer werden, der zehnmal so viel Output und Qualität eben auch schaffen kann,

4:36 wenn er eben son, ja, KI unterstütztes

4:39 IDE, also Entwicklungsoberfläche

4:42 im Prinzip nutzt. Wenn Du Co-Intelligence hörst, weißt Du, KI verändert alles. Aber was bedeutet das für deine Skills, für deinen Job? Genau da kommt the key academy ins Spiel. Unsere Onlinelehrgänge

4:54 helfen dir, Zukunftsthemen wie KI,

4:57 digitale Zusammenarbeit

4:58 oder Leadership

4:59 wirklich zu verstehen. Praxisnah,

5:02 online und mit Ihrem K-Zertifikat.

5:04 thekey.academy für alle, die mitdenken und mitgestalten wollen.

5:09 Das finde ich eigentlich eine ganz ganz interessante Entwicklung. Es gab ja vor Jahren

5:13 dieses ganze Thema No Code, Low Code, also meiner Ansicht vom Webseiten Bilder,

5:18 gibt's von Ionos, gibt's von Wix hin zu Geschichten, wo ich dann ganze Apps bauen konnte. Haben wir damals auch genutzt zum Start

5:26 up Bubble, genau. Das war's.

5:27 Aber jetzt ist natürlich noch einfacher, weil jetzt muss ich gar keine Webseite oder gar keine App mehr im Kopf vor mir haben, Mhm. Sondern kann's im Prinzip rein diktieren.

5:36 Ja. Und das machen wir heute mal. Das machen wir gleich noch mal. Wir schauen uns mal an, wie das funktioniert und wie einfach das auch ist,

5:41 euch auch zu zeigen, dass ihr keine Angst davor haben müsst. Das ist natürlich irgendwo immer so eine Barriere und man denkt immer, es gibt eine Barriere, ne, bei allen, was wir allen Themen, die wir bisher angesprochen haben. Das eine war Datenanalyse.

5:53 Keine Ahnung von Python, jetzt soll ich auf einmal einen großen Datensatz analysieren.

5:56 Da haben wir gesagt, wie einfach es ist, einfach mit natürlicher Sprache so einen Datensatz zu analysieren.

6:01 Dann haben wir das ganze Thema Automatisierung angeschaut, die uns auf einmal die Arbeit wegnehmen, wo man auch am Anfang erst mal denkt, oh Gott, ist das kompliziert. Kann ich das überhaupt aufbauen, wenn ich kein Entwickler bin? Auch das kann ich ja einfach umsetzen. Und heute schauen wir uns an, wie einfach es wirklich ist,

6:15 eine Landingpage zu bauen. Wir machen zum Beispiel eine Landingpage heute. Ja. Und wir sind beide, wie gesagt, haben keine Ahnung von Software Development, von Webdesign,

6:24 von Webentwicklung

6:26 oder irgendwas. Und wir werden jetzt bald in wenigen Minuten

6:30 eine Webseite für den Co-Intelligence-Podcast

6:33 gemeinsam

6:34 entwickeln

6:35 Richtig.

6:37 Vielleicht bevor wir hier noch reinspringen,

6:39 Wir haben das auch in der alten Folge gesagt,

6:41 dass

6:42 20 25

6:43 das Jahr der Ideenmenschen

6:45 wird. Und vor gerade' Woche oder vor 2 Wochen hat Sam Altman genau den Punkt noch mal gebracht. Er hat gesagt damals

6:53 und so, wir sind ja beide so ein bisschen Sam Altman,

6:57 Vorstandsvorsitzender,

6:58 Gründer von OpenAI. Genau.

7:00 Wir sind ja beide bisschen aus der Start up Bubble und

7:03 früher war's immer so,

7:05 die Ideenmenschen wurden ein bisschen ausgelacht so, ja. Ich hab eine Idee. Ich hab mir gesagt, immer gesagt, ja, eine Idee bringt dir halt gar nichts, jeder hat Ideen, es kommt auf die Execution an. Ja. Ja, und dann sind die Ideenmenschen rumgelaufen und haben gesagt, ja, wo sind denn die Entwickler? Wer will denn für mich meine Ideen umsetzen? Ne, und die Entwickler waren immer die Kings, weil die konnten's halt halt wirklich auch

7:25 an den Markt bringen.

7:26 Und der kleine Mann oder die kleine Frau mit der tollen Idee wurde eher belächelt. Und heute können die Ideenpersonen,

7:35 die auch ultrawichtig sind, weil ohne diese Ideenpersonen

7:38 entstehen gar keine großen neuen

7:41 Unternehmungen,

7:41 ja. Und jetzt können diese Personen ohne externe Hilfe

7:46 ihre Idee Wirklichkeit bringen, ne. Vielleicht ist das erst auch erst mal nur ein Prototyp und noch nicht irgendwie die Full-Fledged-Lösung. Aber wenn ich mit' fertigen Prototyp

7:56 zu' Entwicklungs zu' Entwicklungs,

7:59 ja, Unternehmen gehe oder mir ein neuen CTO suche, ist es natürlich schon mal was ganz anderes, als wenn ich nur vorher was auf dem Blatt Papier male und sage, so irgendwie soll's aussehen. Ich kann's viel besser validieren.

8:09 Ja. Und ich kann natürlich auch irgendwie ein paar Sachen für meinen Privatgebrauch bauen. Wir hatten jetzt das Thema Vibe Coding in unserem Team und eine Kollegin sagt, hey, werde eine App bauen, die mich immer davor

8:19 warnt, wenn es regnet, eine halbe Stunde vorher,

8:22 damit ich meine Kissen

8:24 vom Balkon reinräumen kann, habe ich mich direkt gemeldet, die brauche ich auch. Supercool.

8:29 Ja, und so einfache Sachen waren früher vollkommen nur möglich, ja. Chrome Extensions. Also wir haben einige eigene Chrome Extensions entwickelt,

8:36 die teilweise mini kleine Sachen machen. Wir haben eine Chrome Extension, die markiert uns immer, wenn SnipKI irgendwo auf' Seite steht, beispielsweise auf externen Seiten und wie oft. Ja, das ist einfach ganz interessant zu sehen, so einen kleinen Tracker zu haben und dann halt direkt einfach auf dem Bildschirm das sofort gehighlightet zu haben. Und

8:54 man muss einfach kreativ sein. Also die Sachen, immer wieder irgendwie macht auf' Webseite, Sachen kopiert und so weiter, kann man eben mit Acrom Extension lösen. Wir haben eine Chrome Extension

9:04 für ein Kunde entwickelt, weil der Kunde gesagt hat, mich nervt es, dass jedes Mal, wenn ich die Zeile wechseln will bei ChatGPT,

9:10 der automatisch die Nachricht abschickt und sofort anfängt. Und eigentlich will ich nur in die nächste Zeile kommen. Und dann haben wir quasi eine Extension gemacht, die quasi anzeigt,

9:19 also quasi nicht in die nächste Zeile springt, wenn man auf Enter klickt, sondern

9:23 quasi, also nicht abschickt, wenn ich auf Enter klicke, sondern in die nächste Zeile springt innerhalb von ChatGPT.

9:29 Hätte man auch mit einfach mit der Shift Taste machen. Kann man auch, ja, aber haben wir auch gesagt, aber die Person hat gesagt, nein, zögere sich immer wieder und ich will jetzt das so haben. Dann wir gesagt, okay, cool. Hier, haben wir jetzt mal in 20 Minuten entwickelt

9:43 und

9:44 dann ein Kollege gegeben. Was natürlich auch spannend ist, ich mein, man ist ja jetzt nicht dran gebunden, dass man jetzt ein Tool gelabel nimmt.

9:50 Ich

9:51 mach ganz gern auch so kleine Code Snippets

9:54 innerhalb von vom Google Ökosystem.

9:57 Wenn ich beispielsweise mit' mit Google Sheets nicht weiterkomme,

10:00 dann kann ich in App Script, auch mir kleine Scripts bauen und da einfach ChatGPT fragen und sagen, hey, das das würde ich gerne tun. Das meinst Du damit?

10:08 Wenn ich beispielsweise Great. Wie,

10:12 sagen wir, ich hab 2

10:14 2 Sheets, 2 Google Sheets oder 2 Excel Sheets,

10:17 Möchte aus dem einen Sheets das eine rausziehen, in die anderen was alles reinkopieren,

10:21 noch irgendwie ein Matching machen,

10:23 Fuzzy logic und dann noch sagen, wenn das da ist, zieh bitte aus der Webseite noch was rein.

10:29 Dann kann ich in natürlicher Sprache ChatGPT sagen, was ich gerne hätte.

10:33 Der generiert mir ein Code Snippet

10:35 für Google App Script. Ich kann es reinkopieren, kann es dann laufen lassen. Wenn ich ein Error habe, gebe ich den Error an ChatGPT und bitte darum, diesen Error zu lösen.

10:44 In den meisten Fällen funktioniert es dann auch. Ja.

10:47 Das ist so ein bisschen wie in der Data Analytics Folge haben wir ja gesagt, Du hast einen Junior Data Analyst in deiner Hosentasche, der für dich die ganzen Sachen macht, mit dem zusammen er arbeitet.

10:57 Und Vibe Coding ist so ein bisschen wie, Du hast ein Junior Software Dewarder dabei in deiner Hosentasche Ja, richtig. Der für dich die Sachen macht. Und

11:04 langsam hab ich die Hosentaschen ganz schön voll mit den ganzen Super Skills und Superpowers, die ich von KI bekomme, aber es macht auf jeden Fall Spaß. Jetzt würde ich sagen, schauen wir doch mal rein, oder? Ja. Ich hab hier schon mal vorbereitet,

11:17 die die Quellen, die wir haben wollen, ne. Also wo er wo er sich... Wir wollen ja eine Landingpage bauen für unseren Podcast

11:24 und irgendwie muss ja Lovable wissen, worum es da geht und damit wir jetzt nicht zu viel quatschen, haben wir gesagt, guck dir YouTube an, guck dir Spotify an, guck dir LinkedIn an, guck dir die Webseite an und jetzt können wir im Prinzip unseren Prompt hier entwickeln

11:40 Und ich lass dich mal quatschen.

11:42 Bitte

11:44 erstelle

11:45 eine Landingpage

11:48 über den

11:49 Co-Intelligence

11:50 Podcast,

11:52 gehostet von Benny Wüstenhagen

11:54 und Moritz Heininger.

11:57 Auf der Landingpage

11:59 soll

12:00 der Podcast und das Ziel des Podcasts

12:04 gut erklärt und dargestellt werden.

12:07 Außerdem möchten wir eine

12:10 Form auf der Landingpage

12:12 haben, auf welcher

12:15 die

12:16 interessierten

12:16 Personen ihren Vornamen, ihren Nachnamen und ihre E-Mail-Adresse

12:20 angeben können,

12:23 dafür

12:24 von uns eine PDF mit den Top 10

12:29 Produktivitäts

12:31 prompts von Co-Intelligence

12:33 zu erhalten.

12:34 Dazu

12:35 hast Du noch die folgenden Quellen.

12:39 Bitte erstelle jetzt den ersten Wurf der Landingpage

12:43 und

12:45 orientiere dich auch am Design

12:48 und den Farben

12:50 des Co-Intelligence Podcasts,

12:53 so wie Du

12:55 diese in unserem Logo und in den folgenden Quellen sehen kannst. Das hör ich doch dazu,

13:00 Du hast hier so ein Plugin, ne? Das ist jetzt nichts von Lovable, dieses rein. Hast Du ja genau. Ich nutz ein Plugin, dass ich sozusagen da reinsprechen kann und nicht so viel tippen kann. Gehen wir mal kurz hoch. Also hier ist schon irgendwie Wort für Wort,

13:12 sogar die Namen sind

13:14 richtig geschrieben.

13:16 Schon cool. Würde ich das Plugin nutzen, oder? Das heißt Aqua Voice. Aqua Voice, okay. Das funktioniert einfach, Du drückst ein Knopf, dann geht so ein kleines Fenster auf, das hört dir zu, das transkribiert es und fügt es dann in eigentlich jedes

13:31 Textfeld, egal in welche App ein oder? Ja, Sachen. AI.

13:34 Auch AI, wow. Okay. Das ist cool, ich hab so was auch, aber ich war da immer direkt an den Limits immer

13:42 zu

13:43 geizig, dann dafür zu zahlen. Und mein Workaround ist immer, ich mach ChatGPT auf, geh da auf die Voice Funktion diese Art von mir gut, das stimmt. Breche da rein und kopier den Text dann rüber.

13:54 Also Ja.

13:55 Genau. Aber cool, jetzt schauen wir noch mal, was mit den wenigen Infos,

13:59 die Lovable jetzt bekommen hat von uns,

14:02 was da gleich draus passiert, oder? Und wie ihr seht, Lovable, ganz cleanes Layout, einfach nur diese große Textbox.

14:09 Man könnte jetzt hier, wie ihr seht, noch ein paar Sachen

14:12 anpassen. Wir sind auf public, das heißt, könnt es auch sehen. Man kann jetzt irgendwie sagen, ob man noch Superbase nutzen möchte oder nicht. Aber wir haben jetzt das einfachste Setup, was es gibt. Genau, wir brauchen ja keine Datenbank in unserem Fall, die dahinter liegt. Na klar, okay, wenn mit der Formeingabe und so weiter, aber es ist jetzt einfach, wir wollen ja nur mal die die einfachste Version zeigen, wie man mal schnell so einen ersten Draft bekommen kann, den wir danach natürlich auch noch optimieren können. Aber grade wenn ich halt mit, ja, Webdesignern spreche oder ich hab eine Idee für eine Landingpage, hab ich halt vorher entweder aufm Blatt Papier oder in sonem,

14:48 ja aufgezeichnet,

14:49 was ich gerne hätte. Und die Entwickler oder Designer mussten dann daraus interpretieren,

14:55 was der Moritz zu unserem Köpfchen hat. Und ja, das war immer schwierig und jetzt kann ich zumindest schon mal mit dem Working Prototype

15:02 dort hingehen. So, jetzt hat er hier,

15:05 ja, das ist jetzt der erste Wurf, den wir bekommen haben.

15:10 Sieht auf den ersten Blick, was die Inhalte angeht,

15:14 schon mal ganz okay aus. Was ihr erwartet? Praxis eine Anwendung?

15:19 Gehen wir runter? Verständliche Erklärungen, wöchentliche Updates? Jetzt anhören. Wir haben die Links. Checkt mal, ob die Links funktionieren. 2 Apple Podcasts und Spotify,

15:27 ob er die sich richtig gezogen hat. Ja, ja. Die gehen noch nicht. Okay,

15:32 da geben wir gleich noch ein bisschen Feedback. Gehen noch mal hoch. Witzig ist auch, dass ihr 20 24 schreibt, ne? So.

15:39 Gehen wir mal hoch, exklusive KI Inserts erhalten.

15:43 Was sagt er da? Was mit dem prompt,

15:46 Inserts und Promotions, so

15:48 so ja. Dann lassen wir ihn doch mal

15:51 kritisieren und sagen, wir hätten das gerne noch ein bisschen besser, oder? Gut. Ich

15:56 mach ihn erst mal... Ich fang mal an, dann machst Du weiter.

16:03 Bitte nutze Bilder, die Du auf der folgenden Webseite findest.

16:08 Genau, und jetzt kannst du gerne noch was hinzufügen.

16:13 Bitte

16:14 füge auch das Logo vom Co-Intelligence

16:18 Podcast

16:19 ein

16:20 und

16:21 die

16:22 Links, die Du hinterlegt hast, unten

16:25 bei

16:26 den Podcasts

16:28 beispielsweise zu Spotify

16:29 oder Apple, die funktionieren noch nicht. Da musst Du quasi richtige Links einfügen.

16:35 Außerdem

16:37 ist es zwar schön, dass Du eine Form hinzugefügt

16:40 hast, aber die Form ist wirklich für unsere Top 10 Produktivitäts

16:44 prompts und

16:46 es wäre besser, wenn Du quasi diesen Leadmagneten

16:50 weiter unten platzierst auf der Webseite

16:54 und

16:54 versuche generell ein bisschen das Design noch schöner zu machen, da sie ja zu langweilig ist aktuell die Landingpage.

17:02 So.

17:05 Jetzt arbeitet der wieder. Lass ihn mal ein bisschen arbeiten. Schauen wir mal.

17:09 Letztens hatte Lovable auch an einem Wochenende

17:11 kostenlos.

17:12 Also es war alles freigeschaltet.

17:14 Okay. Konntest an dem Wochenende dann eben richtig loslegen und was bauen. Ich weiß nicht, was da rumgekommen ist, aber ich fand's eine witzige Idee. Egal ob KI Neuling oder bereits erfahrene Nutzerin auf SnipKI, Deutschlands umfangreichster

17:26 KI Lernplattform,

17:27 findest Du genau die richtigen Inhalte.

17:29 Hunderte anwendungsbezogene

17:31 Videotutorials

17:32 und klare Lernpfade mit Zertifikat warten auf dich. Profitiere von einer riesigen aktiven Community,

17:38 ideal für Einzelpersonen und ganze Teams, die KI verstehen und nutzen wollen. Mitarbeiter von über 500 Unternehmen lernen bereits mit uns. Entdecke mehr auf SnipKI d e. Also wenn ihr euch zu warm ist zu Hause

17:51 bei 40 Grad,

17:53 Webseite bauen.

17:55 Ja, was auch ganz spannend ist bei Lovable,

17:57 vor Kurzem wurde das freigeschaltet, dass Du gemeinsam

18:01 daran arbeiten kannst. Du kannst jetzt beispielsweise hier oben bei Invite,

18:06 könnte ich dich jetzt einladen, dann könntest Du das auch aufmachen und wir könnten gemeinsam das Projekt weiterentwickeln.

18:11 Ich kann es mit GitHub verbunden verbinden für diejenigen, die schon ein bisschen

18:15 weiter sind und ein eigenes GitHub Repository haben wollen. Und sehe ich quasi live, was Du eingibst oder können wir dann im Zweifel, ich schreib was rein, Du schreibst was rein, ich schreibe was anderes rein, dann ist Lovable verwirrt. Hast

18:27 Hast Du das schon ausprobiert? Ja, hab's Geil, wenn's

18:30 funktioniert wie so ein Google Doc, quasi ich live sehe, was die andere Person macht, dann ist das ja schon ziemlich

18:35 cool.

18:36 Okay. Er hat ein Logo rausgefischt.

18:39 Jetzt frech ich das Logo Logo, aber das ist das, was wir, glaub ich, bei Spotify und Apple haben.

18:46 Hast Du noch mal umgestellt.

18:49 Und die Form. Ah ja, guck mal hier, gratis Download. Toll. 10 Produktivitäts

18:53 Prompts. Ja, und generell ein bisschen schicker, ne? Auch mit dieser mit diesem Schein Element die Sturm.

18:58 Element die Sturm. Ja, genau. So schwarzen Hintergrund. Hast Du ein kleiner Effekt hier, siehst Du

19:03 Hammer, Opa. Schicken wir, wir gehen mal nach unten, gucken mal, ob die links, hat er noch die links überhaupt oder die einfach rausgenommen, Anna? Geht mal drauf.

19:11 Okay,

19:12 also eigentlich das Feedback komplett umgesetzt. Ja. Lass uns doch noch mal im letzten Schritt ein White Theme machen. Ich finde irgendwie White Theme besser als Black Theme. Na gut.

19:24 Bitte

19:25 stelle noch mal

19:27 statt diesem

19:29 schwarzen Hintergrund,

19:30 also anstatt' dunklen Theme eher einen weißen Hintergrund und ein weißes Theme.

19:36 Das sieht ein bisschen freundlicher aus und

19:39 überleg dir auch noch, wie Du mit weiteren interaktiven

19:43 Elementen

19:45 das Design ein bisschen schöner und moderner machen kannst. Mach Spibey.

19:51 Also ihr seht, wir machen uns jetzt keine großen Gedanken zum Prompt, wir quatschen einfach rein.

19:56 Was wird aber verstanden? Erstaunlicherweise.

19:59 Und sogar Englisch wird verstanden.

20:02 Gut,

20:04 Schweden.

20:06 Ich hab generell ist hier der Tipp, ich mein, wir machen das jetzt alles auf Deutsch,

20:09 auch der Output soll eine deutsche Webseite sein.

20:13 Eine Erfahrung ist, wenn man Englisch promptet,

20:15 sind die Ergebnisse meistens besser und es geht weniger verloren, weil im Prinzip die Tools übersetzen dann Deutsch auf Englisch und

20:24 setzen es und übersetzen es dann wieder zurück auf Deutsch und bei so was kann halt immer ein bisschen was verloren gehen.

20:29 Musting Translation. Musting Translation, genau. Von daher

20:34 idealerweise

20:35 auf Englisch gebunden und dann folgt das Ergebnis am Ende besser. Ja. Na ja, man hat sogar selber englische Wörter. Jetzt ändere ich das Theme to hell.

20:44 Da haben wir's.

20:46 Da haben wir das White Theme. Sieht doch insgesamt ein bisschen schöner aus. Ach, witzig, ne? Ist ein ganz subtiles

20:52 Lila hier, oder? Bin ich bin ich blind? Nee, das ist oben in der Ecke ist es ist so ein ganz zarter

21:00 zarter Farbübergang. Ja,

21:01 Ja, ja und dann hier das Logo ist auch so leicht Bewegt sich auch und ist animiert, ist schon cool, gehen wir runter.

21:08 Ja, auch dass die Emoticons passen zu den Aussagen

21:11 und jede Woche,

21:14 das sieht

21:16 ganz ehrlich eigentlich schon mal ziemlich cool aus. Besser als ich das mit irgendwie' Websitebilder wahrscheinlich in'

21:22 halben Park hinbekommen hätte.

21:24 Wo man denkt, dass wir das jetzt hier in wenigen Minuten gemacht haben. Ja.

21:29 So.

21:31 Jetzt machen wir noch einmal Neues, gucken, ob's funktioniert, oder?

21:35 Ja. Ah ja, was auch gewiss interessant ist, wenn ich hier auf edit gehe, das sollten wir vielleicht noch mal besprechen,

21:40 kann ich auch hier direkt reingehen und natürlich hier auch den Text ändern. Ja. Ja, das ist auch spannend. Ich hab ja also die verschiedenen Diffs

21:47 und sehe auch, wenn ich so ein bisschen HTML verstehe,

21:50 was er hier gemacht hat und kann da halt reingehen. Ja. Und das ist schon cool. Und das Ganze kann ich natürlich oben rechts noch publishen und

21:59 kann das dann quasi auch so direkt veröffentlichen

22:02 oder ich exportier quasi den Code und arbeite dann mit dem Code weiter. Ja. Nachdem wir jetzt eine Landingpage ausprobiert haben, wollen wir jetzt mal ein Stück komplexer werden.

22:11 Genau. Wollen eine kleine Webapp bauen.

22:14 Wär's nicht cool, wenn unsere Hörer und Hörerinnen

22:17 uns

22:18 Ideen schicken könnten für unsere nächsten Podcastfolgen

22:22 und andere

22:23 Hörer und Hörerinnen abstimmen könnten, ob die Ideen gut sind,

22:27 damit wir dann entscheiden können, ob wir da eine Podcastfolge drüber machen.

22:31 Das wär hervorragend. Fangen wir an die Hörer. Das wär cool, oder? Ja, das wär cool. Dann probieren wir das doch einfach mal aus, ob wir das hinbekommen.

22:38 Ich würd sagen, doch mal wieder dein dein

22:41 Voice Tool hier an. Ja. Die ersten Wörter müssen wir jetzt raus cutten, weil da hört er schon zu. Aber ich fang mal an.

22:48 Dein Ziel ist es,

22:50 eine

22:51 Themenabstimmungs

22:53 Web App zu entwickeln,

22:56 und zwar für den Co-Intelligence

22:59 Podcast

23:00 von Benny Wüstenhagen

23:02 und Moritz Heininger.

23:06 Wir sind ein KI

23:07 Lernpodcast

23:09 und sprechen immer wieder über spannende Themen,

23:13 wie

23:14 unsere Hörerinnen und Hörer

23:16 in das KI-Zeitalter einsteigen

23:19 können und haben schon ganz viele interessanten Themen behandelt.

23:22 Aber wir möchten in Zukunft

23:25 die Hörerinnen und Hörer

23:27 einbinden

23:28 und ihre Ideen einsammeln und diese wiederum von

23:32 von anderen Hörern und Hörerinnen bewerten lassen,

23:35 damit wir dann entscheiden können, ob wir darüber eine weitere Podcastfolge

23:40 erstellen

23:41 sollen.

23:42 Die Kernfeatures

23:44 müssen also sein, dass ich mich meinem

23:46 Namen und meiner Idee zu einem Inhalt

23:52 eintragen

23:53 kann und es dann eine Art Upvoting

23:56 System

23:57 gibt,

23:59 wo andere Community Member abstimmen

24:02 können.

24:03 Dabei soll

24:05 jede Person

24:06 eine Idee immer nur einmal nach oben

24:10 voten

24:11 können.

24:12 Jede Person

24:14 kann aber

24:15 mehrere Ideen

24:16 einreichen.

24:18 Bitte erstelle hierfür

24:20 einen

24:21 ersten

24:22 Draft

24:23 für eine Web App. Die Web App sollte

24:26 in weiß und reader gestaltet

24:29 sein, also so ähnlich wie das Logo

24:33 vom Co-Intelligence Podcast

24:35 und soll

24:37 designtechnisch

24:39 sehr anspruchsvoll

24:41 beziehungsweise

24:42 sehr ansprechend

24:44 sein.

24:45 Bitte entwickel den ersten Draft.

24:52 Copy and paste das mach ich.

24:56 Und warte, oben, genau.

25:03 So,

25:04 dann

25:06 schauen wir noch mal,

25:07 was Lovable hier gleich draus macht und vor allem wie dann, es dauert. Auf jeden Fall gibt's ja irgendeinen Bug. Wenn wir mal wieder das vorne eintippen, müssen wir's ja noch mal eintippen, ja. Wenn das jemand von Lovable sieht, ihr habt hier ein Bug, aber glücklicherweise haben wir es ja kopiert.

25:21 Ich kann das auch mal neu anfangen. Ich glaub, das ist auch das Spannende für euch.

25:25 Ja?

25:26 Die Tech ist so neu und es entwickelt sich so schnell weiter, dass es auch mal Bugs gibt. Und wir haben natürlich nichts mit Lovable zu tun, kriegen auch keine Kickbacks oder sonst irgendwas. Haben den Rest, wenn Lovable uns unterstützen würde. Richtig. Aber nein, wir stellen es nur vor,

25:41 weil wir wirklich denken, dass es ein sehr cooles Tool ist und vor allem weil es ein europäisches Tool ist, was man auch mal mit dazu sagen muss und unterstützen muss.

25:51 Der Designer ist Deutscher, ne?

25:54 Kann sein, ne.

25:56 Ach so, man kann natürlich hier auch sehen, wie sich das Ganze

26:00 entwickelt.

26:02 Wenn

26:02 Sie schauen, Show all, seid ihr schon dabei, jetzt hier eine Index zu bauen. Ja, schon spannend, was man quasi nachher verfolgen kann, live sehen kann, wie das Tool vorgeht, wie es denkt, wie es arbeitet und

26:15 schon...

26:16 Ich hab vor einigen Monaten mal auch probiert, eine funktionierende Web App zu bauen mit Manus.

26:22 Wie will?

26:23 Das war eher frustrierend. Also das sah im ersten Schritt super aus. Ja.

26:28 Und aber als ich dann das exportieren wollte und wirklich live nehmen wollte, hat sicher funktioniert. Ja,

26:34 Manus ist ganz gut, auf so Deep Research Sachen

26:38 mir dann schöne Reports und interaktive Report Websites zu erstellen. Ja. Aber so was wie hier

26:45 eher nicht.

26:46 So.

26:48 Vielen Dank für den ersten Aufschlag. Leider ist die Akzentfarbe

26:52 noch blau und nicht lila. Bitte ändere das.

26:58 Wir wollen ein lila Vibe. Und?

27:02 Wir wollen ein lila Buch. Okay, aber so schlecht.

27:07 Wir wollen ein lila Vibe. Ja. Ich mach noch mal den den Sound an. Ja, ja.

27:13 Außerdem

27:14 soll das Logo des Co-Intelligence Podcasts auch noch auf der Seite zu sehen sein und wir möchten, dass das Design ein bisschen moderner und ansprechender

27:25 und vielleicht interaktiver ist.

27:28 Witzig ist ja auch, dass er sich schon

27:30 Ideen vorgestellt hat und auch Namen ausgedacht hat. Also Lisa T wünscht sich KI Tools für kreative Revolution und Bedrohung. Und Markus K schreibt, ethische Grenzen von KI, was dürfen Algorithmen entscheiden? Dazu gab's schon eine Episode, mein lieber Markus. Genau, sich aufgepasst, Markus. Okay, cool, aber dein Name heißt schon, Themenidee, Beschreiber eine Idee. Könntest mal ausprobieren.

27:51 Moritz, mach einfach mal neu. Stimmt.

27:57 Ja,

27:58 das ist...

28:00 Nee. Fahr ich das jetzt? Das war, glaub ich, Du, weil Du ihn reingespielt hast, aber er arbeitet noch auf der linken Seite. Okay. Ich glaub, Du noch mal auf nicht, sondern auf x. X? Ja, weil er arbeitet ja noch...

28:10 Also Du hast jetzt quasi in die alte Version reingeschrieben Ja. Während er die neue noch entwickelt. Aber ich würd sagen, glaub, wir müssen jetzt wahrscheinlich warten, bis er die neue Version fertig gebaut hat und dann können wir auch hier wieder rechts rangehen.

28:22 Ihr seht, ist alles live und nicht KI generiert. Ja, André, wir können auch live das System stören.

28:28 Ihr seht, Benny ist ein sehr ungeduldiger Mensch. Das auch.

28:32 Bin nicht getreitend.

28:35 Aber das haben wir gemeinsam..

28:40 Okay,

28:41 ein Image, auch nicht schlecht..

28:46 Okay, jetzt redet er mit sich selbst.

28:59 Aha.

29:00 Das müssen wir nicht verstehen. Das ist ja das Schöne.

29:03 Wir sagen einfach.

29:05 Okay, ja.

29:08 Ja,

29:13 ist schon interessant zu sehen, auf der linken Seite, wie es einfach schreibt, okay, ist ein Fehler. Ja. Und ich kümmer mich jetzt drum und versuch das, ja,

29:21 wieder ein Fehler.

29:23 Und auch hört sich ein Englisch, ja.

29:26 So,

29:31 kriegst Du hier deinen Dings noch weg? Jawohl, da ist unsere neue Seite. Das Witzige ist,

29:37 er hat sich einfach ein Logo ausgedacht. Er hat nicht unser Logo genommen.

29:41 Aber wenn wir runtergehen,

29:44 sieht das doch erst mal ganz gut aus. Probier doch mal, eine Idee einzureichen.

29:49 Okay.

29:51 Ich tipp gern für dich, Moritz. Was ist deine was ist deine Idee für einen?

29:56 Einen Podcast. Agenten, genau. Stimmt, ja.

30:02 Ich

30:09 glaub, ich bin ja auf der falschen Tastatur, kann das sein?

30:12 Auf der englischen.

30:13 Ja, ja.

30:16 Könnte halt ja nein sein.

30:18 Idee einreichen.

30:19 Erfolgreich. Deine Idee wurde erfolgreich eingereicht. Da haben wir's. So. Gut. Das kannst Du dir auch voten. Kannst Du drauf zicken. Nicht kein voten, aber auch nur einmal. Sehr cool. Vote mal ganz gut und eine andere Idee, ja. Noch voten kannst. Ja, die kann ich gut. Okay, ich kann eben nur eine Idee hochwoten, aber

30:34 aber das ist ja genauso, wie ich's machen soll. Auch ganz cool ist, dass hier

30:39 dieses Hover over drin ist. Ja. Viele Ideen zählt sie auch. Ja, schön.

30:45 Also jetzt könnten wir klar noch weitermachen und sagen, das ist das falsche Logo, geh auf der Co-Intelligence Seite, zieh das richtige Logo, ist das falsche lila und so weiter und so fort. Aber wir haben hier in wenigen Minuten eine

30:55 wenigen Minuten eine Voting App für unsere Webseite entwickelt,

30:59 die auch genauso nutzbar ist. Wir könnten's natürlich noch weiterführen, können sagen, Du, wir brauchen unbedingt ein Login, dass quasi jede Person einen Account braucht, dass Du nur voten kannst, wenn Du einen Account hast und so weiter und so fort. Aber das ist genau dieses Vibe Ding. Wir würden quasi Step by Step hier durchweiden

31:16 und so immer

31:18 eine bessere Lösung am Ende eben haben. Es gibt natürlich son paar Dinge, auf die wir aufpassen müssen. Also

31:24 wenn ihr jetzt eine App baut, wo ihr wichtige Daten drin verwaltet oder wichtige Daten reinbaut,

31:31 dann

31:32 müsst ihr vielleicht mal jemanden nehmen, der sich damit auskennt.

31:35 Die Sicherheit von diesen ganz einfachen Apps ist ein bisschen fraglich.

31:39 Das ganze Thema Publishing,

31:41 Hosting, ja, habt ihr gesehen am Anfang kann man sagen, soll es für alle publik sein, soll es ein privates Projekt sein.

31:48 Am Anfang ist erst mal alles publik, das heißt alle können das auch einsehen.

31:52 Sprich ihr könnt auch auf Lovable gehen und gucken, was andere so machen. Ja. Andere können das genauso.

31:58 Es ist natürlich jetzt auch nicht darauf ausgelegt, dass jetzt 500.000 Leute parallel

32:03 auf das Voting gehen und Sachen voten.

32:07 Sprich auch die Skalierbarkeit

32:09 ist jetzt noch nicht so optimal.

32:11 Was mich aber dahin führt zu der Frage, wird es dadurch eher mehr Menschen geben, die programmieren

32:17 als Profi oder weniger?

32:19 Ich hätte

32:21 anfangs gedacht, boah, das ist der Tod von allen Programmiererinnen und Programmierern. Mittlerweile

32:25 glaube ich aber, dass es eher umgekehrt ist,

32:27 weil jetzt viel mehr Menschen solche Dinge ausprobieren,

32:30 haben wir viel mehr Apps

32:32 und

32:33 10 Prozent davon oder 3 Prozent davon werden vielleicht überleben

32:36 und werden in richtigen vernünftigen Code umgewandelt.

32:39 Und da braucht man dann die Menschen, die sich damit auskennen. Weißt Du, wie wie Du das siehst? Ich seh's genauso wie Du. Ich glaub, es könnte eher der Tod einiger

32:46 undifferenzierter

32:47 Saas companies sein. Ja, so. Weil die Saas Company Saas Software-as-a-Service

32:53 Company ist,

32:55 die einfach ein sehr, sehr einfaches Produkt haben,

32:58 das ich heute, die ich heute selbst nachbauen kann. Ich glaub, die werden ein Problem haben, aber ich seh's genauso wie Du. Es wird nicht weniger Software geben, es wird mehr Softwareentwickler

33:07 geben und es werden halt Leute Softwareentwickler,

33:10 die sonst nie Softwareentwickler

33:12 geworden wären. Ja, und grade es wird immer mehr Ideen geben, die umgesetzt werden, kleine Programme gebaut, Prototypen gebaut, mitm Prototyp kann ich rausgehen und MIT Personen sprechen, Feedback zu holen und meinen Prototypen wieder anzupassen,

33:25 Markt zu testen, zu validieren

33:27 und dann quasi, natürlich muss ich irgendwann entscheiden, was was will ich hier für ein Produkt bauen? Wie groß soll das werden? Wie wichtig ist da eine Sicherheit? Ist das ein, was sind die Endkunden? Ist das irgendwie was Internes in der Company? Ist das eine Enterprise Lösung? Ja. Ja? Und natürlich sind da die Tools noch nicht so weit, aber wir sind halt auch irgendwie

33:44 Am Anfang. Ja, noch 6 6 Monate irgendwie

33:48 nachdem dieser Term Vibe Coding erfunden wurde und wer weiß, wie das alles in 2 Jahren aussieht, ne. Also das stimmt. Ja.

33:56 Auf jeden Fall sehen wir jetzt dass wahnsinnig viele Menschen, die sich damit beschäftigen,

33:59 da auch Geld für ausgeben für solche Tools,

34:02 weiterzumachen.

34:05 Ja.

34:06 Ja, ich glaub, es ist das Jahr der Ideenmenschen.

34:10 Vielleicht die letzte Anekdote

34:12 und damit gehen Grüße raus an Joap von Notes of Berlin,

34:17 der mir erzählt hat, dass er eben ein sehr, ich sei natürlich auch, ein sehr kreativer Mensch ist und früher quasi mit Ideen zu einer befreundeten Softwarebude

34:27 gegangen ist, die dann Ideen umgesetzt haben.

34:31 Und ich hab ihm erzählt, das ist jetzt dein Jahrhundert, weil deine ganzen Ideen, die Du hast für Ideen und Softwarelösung,

34:37 die kannst Du jetzt einfach selber umsetzen. Ja. Und

34:41 der ist er ist einer von vielen Kreativen. Jetzt überlegt mal, wie viele Kreative es gibt bei uns auf der Welt in Deutschland, die jetzt auf einmal Ideen umsetzen, was wir vorher nicht machen konnten. Von daher wird es, glaub ich, jetzt eine sehr, sehr, sehr spannende Zeit mit ganz vielen neuen Dingen, ganz vielen neuen Ideen, die umgesetzt werden.

34:58 Du bist ja auch multikreativ,

35:00 nicht nur Webapps, sondern auch T-Shirts. Hier vielen Dank. Ich hab heute

35:03 zur Feier des Tages zur Podcast Episode mein Geburtstagsgeschenk

35:07 bekommen im Podcast T-Shirt.

35:09 Genau. Dazu auch mal eine

35:11 einen Shop aufsetzen mit Lovable.

35:14 Könnte mir, ja. Aber schreibt mal als Kommentar drunter, Happy Birthday Benny.

35:19 Benny hatte Geburtstag und genau, zu der Gelegenheit gab's ein kleines T-Shirt. Also alle Glückwünsche

35:26 und heute mal extra viel liken nur für Benny.

35:30 Und ja, damit danke fürs Zuhören,

35:33 fürs Dabeisein.

35:35 Probiert es aus, keine Angst vorm Beicroden und

35:38 ich würd sagen, wir sehen uns in der nächsten Episode.

35:41 Nächste Woche, gleicher Zeit, geht's KI Agenten.

35:44 Agents, ganz großes Thema, ganz spannendes Thema und bis dahin. Bis dann. Ciao.

35:50 Co-Intelligence ist eine Produktion von thekey Academy in Zusammenarbeit mit SnipKI.

35:55 Produziert bei Studio Co in Berlin.

35:57 Produktion und Regie,

35:59 Christina Manuel,

36:00 und

36:01 Elias Robe.

36:03 Created Director Lukas Shelter.

36:05 Redaktion und Moderation Benjamin Wüstenhagen und Moritz Heininger.

36:09 Abonniere uns auf Spotify,

36:11 Apple Podcasts oder YouTube.

36:13 Danke fürs Zuhören.