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

0:00 KI gibt die Superpowers. Das war für mich einfach so ein riesen aha und Wow Moment. Das Spannende ist, es geht wirklich sehr schnell. Es gibt einige Firmen, die gibt's jetzt erst seit einem

0:10 Jahr, ein halben Jahr. Gibt Bould New, es gibt Winsaf, die gerade von Open High überommen werden. Es gibt Curser, vielleicht so die professionellste Variante dessen.

0:19 Ganz normalen Leuten und zwar kreativen Leuten kann Entwicklern jetzt erlauben eben Softwareelösung zu bauen. Sind eigentlich ganz ganz interessante Entwicklung. Es gab ja vor Jahren, wo

0:30 dieses ganze Thema No Code, Low Code, also meine Sichtstellung vom Website Bilder. Was heißt Vibi? Es geht heute um das Thema Vibecoding, was es wirklich erst seit gibt's weniger seit ein halben

0:41 Jahr. Könnt jetzt ihr alle, auch wenn ihr keine Ahnung habt vom Software Development, eure eigenen kleinen Apps bauen. [Musik] Willkommen zurück zum Cointelligence

0:56 Podcast, eurem KI Lernpodcast mit Moritz Heininger und mir Benjamin Wüstenhagen. Jetzt ganz ohne Pflege. Wir hatten gerade eine Pflege, die wir erst aus dem Set schmeißen mussten. Zweiter Take.

1:07 Sie lebt noch. Sie lebt noch. Niemand wurde verletzt. Ja. Und nur nicht nur deswegen wird's heute Vibi. Was eine Einleitung. Genau. Was heißt Vibi? Es geht heute um

1:20 das Thema Vibe Coding. Was heißt Vibe Coding? Weibing heißt, dass so Ottos wie wir beide, die BWLer sind und vielleicht ganz viele Ideen haben, die sie aber bisher nie richtig umsetzen konnten bzw.

1:34 immer richtige gute Softwareentwickler gebraucht haben, um die Sachen zu entwickeln, die wir irgendwie in unseren Köpfchen hatten mit Vibecoding, was es wirklich erst seit diesen Termen gibt's

1:45 weniger seit halben Jahr, könnt jetzt ihr alle, auch wenn ihr keine Ahnung habt vom Software Development, eure eigenen kleinen Apps bauen. Ihr werdet jetzt nicht die nächste Enterprise

1:55 Anwendung, also nicht unbedingt das nächste Sales Force sofort damit bauen, aber ganz viele kleinere Lösungen für euch, für euer Unternehmen, für intern, für extern. Und das ganze geht mit der

2:07 wie Andrew and wie heiß er wie Andrew andathy heißt Andrew Andre Andreathy heißt ne also einer der Open AI Gründer gesagt hat English ist hottest development language. Also Englisch ist

2:25 die heißeste Programmiersprache in 2025 und er hat auch den Terminus Wibe Coding geprägt, der es dann innerhalb kürzester Zeit ins Webster Dictionary geschafft hat.

2:35 Ja. Ja. Im Februar hat er dann glaube ich sich ausgedacht und im März war schon ein Dictionary. Und was heißt es alles? Warum Vibe Coding? Na ja, weil ich einfach mit der Software weiben kann.

2:48 Ich kann schreiben, ich kann sagen, entwickel mal das, dann kann ich sagen, änder mal ein bisschen was für mich. Und dann baue ich mir quasi Schritt für Schritt in einem Flow einfach nur über

2:57 Sprache eine Anwendung. Ist total crazy. Wir sagen ja immer wieder KI gibt die Superpers. Das war für mich einfach so ein riesen aha und wow Moment, dass ich auf einmal Superpers bekommen habe und

3:10 jetzt konnte ich was programmieren, ich konnte was entwickeln. Vorher hatte ich keine Ahnung vom Software Development. Das Spannende ist, es geht wirklich äh sehr schnell. Es gibt einige Firmen, die

3:20 gibt's jetzt erst seit einem Jahr und halben Jahr. Die haben in kürzester Zeit richtig viele zahende Nützer erreicht, haben richtig viel Umsatz gemacht. Lovable, schönes Beispiel, komm aus

3:29 Stockholm sind haben jetzt irgendwie die 75 Millionen Jahres, also ARR ähm schon durchbrochen nach dem halben dreiviertel Jahr, seitdem es die gibt, ne? 30.000 Zahlene Kunden. Es gibt ein paar

3:41 mit 30 Leuten auch überlegen. Ja, ganz genau. Es gibt Bed new, es gibt Windsurf, die gerade von Open High übernommen werden. Es gibt Cursor, vielleicht so die professionellste Variante dessen, die

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

4:03 sogar die LMS, also die unterliegenden Sprachmodelle auswählen lassen. Sind keine eigenen KI Modelle in dem Sinn, sondern einfach eine Oberfläche, die es ganz normalen Leuten und zwar kreativen

4:17 Leuten keinen Entwicklern jetzt erlauben, eben Software Lösung zu bauen. Außer Cursor hast du erwähnt. Cursor ist ein Tool, was auch ganz viele Softwareentwickler sollte wirklich

4:27 programmieren können, nutzen und so 10X auf einmal ein 10X Engineer werden. der Zeh mal so viel Output und Qualität eben auch schaffen kann, wenn er eben so ein ja KI unterstütztes

4:40 IDE, also Entwicklungsoberfläche im Prinzip benutzt. Wenn du Cointelligence hörst, weißt du, KI verändert alles. Aber was bedeutet das für deine Skills, für deinen Job?

4:51 Genau da kommt The Key Academy ins Spiel. Unsere Online Lehrergänge helfen dir Zukunftssysthemen wie KI, digitale Zusammenarbeit oder Leadership wirklich zu verstehen. Praxisnah online und mit

5:03 IKertifikat. The Key.academy. Für alle die mitdenken und mitgestalten wollen. Eigentlich ganz ganz interessante Entwicklung. Es gab ja vor Jahren, so dieses ganze Thema no Code, Low Code,

5:15 also sich vom Website Bilder gibt's von Eonos, gibt's von Wix hin zu Geschichten, wo ich dann ganze Apps bauen konnte. Haben wir damals auch genutzt im Startup Bubble. Genau, das war's. Äh,

5:28 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 kannst du im Prinzip reindiktieren.

5:36 Ja, das machen wir heute mal. Das machen wir gleich noch mal. Wir schauen mal an, wie das funktioniert und wie einfach das auch ist. um euch auch zu zeigen, dass ihr keine Angst davor

5:43 haben müsst. Es ist natürlich irgendwo immer so eine Barriere und man man denkt immer, es gibt eine Barriere, ne? Bei allen, was wir allen Themen, die wir bisher angesprochen haben. Ja, das eine

5:51 war Datenanalyse, keine Ahnung von Python, jetzt soll ich auf einmal einen großen Datensatz analysieren. Da haben wir gesagt, wie einfach es ist, einfach mit natürlicher Sprache so ein Datensatz

6:00 zu analysieren. Dann haben wir das ganze Thema Automatisierung angeschaut, die uns auf einmal die Arbeit wegnehmen, wo man auch im Anfang erstmal denkt, oh Gott, das ist kompliziert, kann ich das

6:08 überhaupt aufbauen, wenn ich kein Entwickler bin? Und auch das kann ich sie einfach umsetzen. Und heute schauen wir uns an, wie einfach es wirklich ist, eine Landing Page zu bauen. Wir machen

6:17 z.B. eine Landing Page heute und äh wir sind beide, wie gesagt, haben keine Ahnung von Software Development, von Webdesign, von Webentwicklung oder irgendwas und wir werden jetzt bald in

6:28 wenigen Minuten äh eine Webseite für den Cointelligence Podcast gemeinsam entwickeln lassen, richtig? Vielleicht bevor wir hier noch reinspringen und wir haben das auch in

6:40 der alten Folge gesagt, dass 2025 das Jahr der Ideen Menschen wird und vor gerade einer Woche oder vor zwei Wochen hat Samman genau den Punkt noch mal gebracht. Er hat gesagt damals und so

6:54 wir sind ja beide so bisschen Sam Oldman Vorstandsvorsitzende Gründer von OP. Genau. Ähm wir sind ja beide bisschen als das Stup Bubble und äh früher war es immer so,

7:05 die Ideen Menschen wurden ein bisschen ausgelacht. So. Ja, ich habe ich habe eine Idee gesagt immer gesagt, ja, eine Idee bringt halt gar nichts. Jeder halt Ideen, es kommt auf die Execution an.

7:14 Ja, und dann sind die Ideen Menschen rum und gelaufen hab 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

7:23 die konnten es halt hal wirklich auch an den Markt bringen 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 ultra wichtig sind, weil ohne diese Ideenpersonen entstehen gar keine großen neuen ähm Unternehmungen. Ja, und jetzt können diese Personen ohne externe Hilfe

7:46 ihre Idee zur Wirklichkeit bringen, ne? Vielleicht ist das erste auch erstmal nur ein Prototyp und noch nicht irgendwie die Fullfatched Lösung, aber wenn ich mit einem fertigen Prototyp

7:56 zu einer Entwicklungs zu dem Entwicklungs ja Unternehmen gehe oder mir ein neuen CTO suche, dann ist es natürlich schon mal was ganz anderes als wenn ich nur vorher was auf dem

8:05 Blattpapier male und sagen so irgendwie soll es aussehen. Ich kann es viel besser validieren und ich kann natürlich auch irgendwie ein paar Sachen für mein Privatgebrauch

8:12 bauen. Wir hatten letztes Thema Wibe Codem Team und eine Kollegin sagt: "Hey, ich werde eine App bauen, die mich immer davor warnt, wenn es regnet, halbe Stunde vorher, damit ich meine Kissen äh

8:24 vom Balkon reinräumen kann." Habe ich mich direkt gemeldet, die brauche ich auch. Super schön. Ja, und so einfache Sachen waren früher vollkommen nötig. Ja, Chrome Extensions, also wir haben einige

8:34 eigene Chrome Extensions entwickelt, ähm die teilweise mini kleine Sachen machen. Wir haben eine Chrome Extension, die markiert uns immer, wenn Snipkey irgendwo auf einer Seite steht, B auf

8:45 externen Seiten und wie oft ja, das ist einfach ganz interessant zu sehen, so ein kleinen Tracker zu haben und dann halt direkt einfach auf dem Bildschirm das sofort gehighlightet zu

8:53 haben und ähm muss einfach kreativ sein. So, die Sachen, die immer wieder irgendwie macht auf der Webseite, Sachen kopiert und so weiter, kann man über eine Chrome Extension lösen. Chrome

9:02 extension ähm für Kunde entwickelt, weil der Kunde gesagt hat, mich nervt es, dass jedes Mal, wenn ich die Zeile wechseln will äh bei Chat GPT, automatisch die Nachricht abschickt und

9:12 sofort anfängt, weil eigentlich will ich nur in die nächste Zeile kommen und dann haben wir quasi eine Extension gemacht, die quasi anzeigt, also quasi nicht in

9:20 die nächste Zeile springt, wenn man auf Enter klickt, sondern quasi also nicht abschickt, wenn ich auf Enter klicke, sondern in die nächste Zeile springt innerhalb von Chat GPT. Hätte man auch

9:30 mit einfach mit der Schiftaste machen. Kann man auch. Ja, aber haben wir auch gesagt, aber die Person gesagt, nein, zer sich immer wieder und ich will jetzt euch zu haben. Gesagt, okay, cool. Hier

9:40 haben wir jetzt mal in 20 Minuten entwickelt und dann Kundige gegeben. Ja, auch spannend ist, ich meine, man ist ja sich dran gebunden, dass man jetzt ein Tour Lovable nimmt. Ähm ich mache ganz

9:52 gern auch so kleine Code Snippets ähm innerhalb von vom Google Ökosystem. Ähm, wenn ich beispielsweise mit einem mit Google Sheets nicht weiterkomme, dann kann ich in Appsript mir kleine Scripts

10:03 bauen und da einfach chatg fragen und sagen: "Hey, das das würde ich gerne tun." Was meinst du damit? Wenn ich beispielsweise irgendwie, sagen wir, ich habe zwei ähm zwei

10:14 Sheets, zwei Google Sheets oder zwei Excel Sheets, äh möchte aus dem einen Sheet das eine rausziehen, aus den in den anderen was anderes reinkopieren, noch irgendwie ein Matching machen, äh

10:23 Fuzil Logic und dann noch sagen, wenn das da ist, zieh bitte aus der Webseite noch was rein. Mhm. Dann kann ich in natürlicher Sprache Chat GPT sagen, was ich gerne hätte. Mhm.

10:33 Der generiert mir ein Codnippit für Google Appscript. Mhm. Ich kann es reinkopieren, kann es dann laufen lassen. Wenn ich ein Error hab, mm, gebe ich den Error in Chat GPT und bitte

10:42 darum, diesen Error zu lösen. Mhm. Und in den meisten Fällen funktioniert dann auch. Ja, das so ein bisschen wie in der Data Analytics Folge haben wir ja gesagt, du

10:50 hast ein Junior Data Analyst in deiner Hosentasche, der für dich die ganzen Sachen macht, mit zusammenarbeitest und WCing ist z.B. so ein bisschen wie du hast ein Junior Software Developer in

11:01 deiner Hosentasche, der für dich die Sachen macht und äh langsam habe ich die Hosentaschen ganz schön voll. mit den ganzen Super Skills und Super Powers, die ich voll bei ihm bekomme,

11:10 aber es macht auf jeden Fall Spaß. We jetzt wür ich sagen, schauen wir davon rein, oder? Ja, ich habe hier schon mal vorbereitet äh die Quellen, die wir haben wollen,

11:19 ne? Also, wo er s wo er sich wir wollen eine Landing Page bauen für unseren Podcast. Ähm und irgendwie muss ja Loverable wissen, worum es da geht. Und damit wir

11:29 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. Ähm und jetzt können wir im Prinzip unseren Prompt

11:38 hier entwickeln und ich lass dich mal quatschen. Bitte erstelle eine Landing Page über den Cointelligence Podcast gehostet von Benny Wüstenhagen und Moritz Heininger.

11:57 Auf der Landing Page soll der Podcast und das Ziel des Podcasts gut erklärt und dargestellt werden. Außerdem möchten wir eine Form auf der Landing Page haben, auf welcher die interessierten

12:16 Personen ihren Vornamen, ihren Nachnamen und ihre E-Mailadresse angeben können, um dafür von uns eine PDF mit den Top 10 Produktivitätsprompts von Cointelligence zu erhalten. Dazu

12:36 hast du noch die folgenden Quellen. Bitte erstelle jetzt den ersten Wurf der Landing Page und orientiere dich auch am Design und den Farben des Cointelligence Podcasts, so wie du diese in unserem

12:56 Logo und in den folgenden Quellen sehen kannst. Ich komm dazu. Du hast hier so ein Plugin, ne? Das ist jetzt nichts von lovable dieses reinsprechen. Ach so, ja genau. Ich nutze ein Plugin,

13:06 dass dass ich sozusagen da reinsprechen kann, um nicht so viel Tipp zu. Geh noch mal kurz hoch. Schon irgendwie Wort für Wort sogar die Namen sind richtig geschrieben. Schon cool. Welches

13:17 Plug nutzt du da? Das heißt Aquavoice. Aquavoice. Okay. Das funktioniert einfach. Du drückst einen Knopf, dann äh geht so ein kleines Fenster auf, das hört dir zu, das transkribiert es und da

13:28 fügt es dann in eigentlich jedes äh Textfeld, egal in welche App ein, oder? Ja, ist auch AI. Auch AI. Wow. Okay, das ist cool. Ich bin immer, ich habe sowas auch, aber ich

13:39 war da immer direkt an den Limits und war ähm zu geizig dann dafür zu zahlen. Und mein Workaround ist immer, ich mache Chat GPT auf, gehe da auf die Voice Funktion, gut,

13:51 spreche da rein und kopiere den Text dann rüber. Also ja, genau. Aber cool. Jetzt schauen wir noch mal, was mit den wenigen Infos, die Lavable jetzt bekommen hat von uns, was

14:03 da gleich draus passiert oder? Und wie ihr seht, ne, Lovable, ganz cleanes Layout, einfach nur diese große Textbox. Man könnte jetzt hier, wie ihr seht, noch ein paar Sachen anpassen. Wir sind

14:13 auf public, das heißt, ihr könnt es auch dann später 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.

14:20 Genau, brauchen ja keine Datenbank in unserem Fall, die dahinter liegt. Na klar, okay, wenn mit der Formingabe und so weiter, aber es ist jetzt einfach wollen ja nur mal die einfachste Version

14:30 zeigen, wie man mal schnell so ein ersten Draft bekommen kann, den wir danach natürlich auch noch optimieren können. Aber gerade wenn ich halt mit ja Webdesignern spreche, ich habe eine Idee

14:40 für eine Landing Page, habe ich halt vorher entweder auf dem Blatt Papier oder in so eine Mirro Board quasi ja aufgezeichnet, was ich gerne hätte und die Entwickler oder Designer

14:53 mussten dann daraus interpretieren äh was der Morit zu unserem Köpfchen hat und äh ja, das war immer schwierig und jetzt kann ich zumindest schon mal mit dem Working Prototype dorthengehen.

15:03 So, jetzt hat er hier Ja. Das ist jetzt der erste Wurf, den wir bekommen haben. Sieht auf den ersten Blick, was die Inhalte angeht, äh schon mal ganz okay aus, was sie erwartet. Praxis Anwendung

15:19 ähm geh runter, verständliche Erklärung, wächliche Updates jetzt anhören. Wir haben die Links. Check mal, ob die Links funktionieren zu Apple Podcast und Spotify. Ob er die sich richtig gezogen

15:29 hat. Ja, die gehen noch nicht. Okay, da gehen wir gleich noch ein bisschen Feedback. Gehen noch mal hoch. Witzig ist auch, dass ihr 2024 schreibt, ne? Gehen wir mal hoch. Exklusive KI Insatz

15:41 erhalten. Äh sagt er da was mit dem Prompts Insatz und Promotions. Na ja, lassen Sie ih doch mal kritisieren und sagen, wir hätten das gerne noch ein bisschen besser, oder? Gut.

15:56 Erstmal ich fange mal an, dann machst du weiter. Mhm.

16:03 Bitte nutze Bilder, die du auf der folgenden Webseite findest. Ja, und jetzt kannst du gerne noch was Entschuldigung, bitte füge auch das Logo vom Cointelligence Podcast ein und ähm die

16:22 Links, die du hinterlegt hast, äh unten bei äh den Podcasts beispielsweise zu Spotify oder Apple, die funktionieren noch nicht. Da musst du quasi richtige Links einfügen. Außerdem

16:37 ist es zwar schön, dass du eine Form hinzugefügt hast, aber die Form ist wirklich für unsere Top 10 Produktivitätsprompts und es wäre besser, wenn du quasi diesen

16:49 Liedmagneten weiter unten platzierst auf der Webseite und versuche generell ein bisschen das Design noch schöner zu machen, da sie ja zu langweilig ist aktuell die Leing Page. Ja.

17:05 Jetzt arbeitet er wieder. Lass mal ein bisschen arbeiten. Schauen wir mal. Letztens hatte Lovable auch an einem Wochenende kostenlos, also das war alles freigeschaltet und konntest dann dem

17:16 Wochenende dann eben richtig loslegen und was bauen. Ich weiß nicht, was daüber gekommen ist, aber ich fand es eine witzige Idee. Egal, ob KI Neuling oder bereits erfahrene Nutzerin aus Snipkey

17:24 Deutschlands umfangreichster KI Lernplattform, findest du genau die richtigen Inhalte. Hunderte anwendungsbezogene Video Tutorials und klare Lernfalle mit Zertifikat warten

17:34 auf dich. Profitiere von einer riesigen aktiven Community. Ideal für Einzelpersonen und ganze Teams, die KI verstehen und nutzen wollen. Mitarbeiter von über 500 Unternehmen lernen bereits

17:45 mit uns. Entdecke mehr auf snippki.de. Also, wenn euch zu warm ist zu Hause bei 40° Webseite bauen. Ja, was auch ganz spannend ist bei Lovab vor kurzem wurde das freigeschaltet,

17:59 dass du gemeinsam daran arbeiten kannst. Kannst jetzt beispielsweise oben bei Invite ähm könnte ich dich jetzt einladen, dann könntest du das auch aufmachen und wir könnten gemeinsam das

18:10 Preis weiterentwickeln. Ich kann es mit GitHub verbunden verbinden für diejenigen, die schon ein bisschen weiter sind und ein eigenes GitHub Repository haben wollen und sehe ich

18:20 quasi live, was du eingibst oder können wir dann im Zweifel ich schreib was rein, du schreibst was rein, wir schreiben was anderes rein und lab verwirrt. Hast du das schon ausprobiert?

18:28 Ne, ich hab's nicht ausprobiert. Wenn es funktioniert für so ein Google Doc und quasi ich live sehe, was ich andere Person macht, dann ist ja schon ähm ziemlich cool.

18:37 Okay, er hat ein Logo rausgefischt. jetzt vielleicht nicht das Logo Logo, aber das ist das, was wir glaube ich bei Spotify und Apple haben. Ähm hat noch mal umgestellt. Äh

18:49 und die Form. Ah ja, guck mal hier. Gratis Download Top 10 Produktivitäts Prompts. Ja, und generell ein bisschen schicker, ne? Auch mit diese mit diesem Schein Element um die Form. Stimt ja genau.

19:00 Schwarzen Hintergrund so ein kleine Effekte. Siehst das? Ja. Ja. Opa. Kick mal, wir gehen mal nach unten, gucken mal, ob die links hat er noch die links überhaupt oder die einfach

19:08 rausgenommen? Da krieg mal drauf. Wow. Okay, also eigentlich das da komplett umgesetzt. Ja, lass uns doch noch mal im letzten Schritt ein White Theme machen. Ich

19:19 finde irgendwie White Theme besser als Black Theme. Na gut, bitte äh stelle noch mal ähm statt diesem schwarzen Hintergrund, also statt einem dunklen Themen eher einen weißen

19:33 Hintergrund und ein weißes Them? Das sieht ein bisschen freundlicher aus. und äh überleg dir auch noch, wie du mit weiteren interaktiven Elementen ähm das Design ein bisschen

19:47 schöner und moderner machen kannst. Machvi. Also, ihr seht, wir machen uns jetzt keine großen Gedanken zum Prompt. Wir quatschen einfach rein. Das wird aber verstanden erstaunlicherweise und sogar

20:01 Englisch wird verstanden. Gut, die Schweden, ich habe generell ist hier der Tipp, ich hab, wir machen das jetzt alles auf Deutsch. auch der Output sondern in deutsche Webseite sein. Eine Erfahrung

20:13 ist, wenn man Englisch promptet, sind die Ergebnisse meistens besser und es geht weniger verloren, weil im Prinzip die Tools übersetzen dann Deutsch auf Englisch und setzen es um und übersetzen

20:25 es dann wieder zurück auf Deutsch und bei SAS kann halt immer ein bisschen was verloren gehen. Lust in Translation. Lust in Translation. Genau. Von daher ähm idealerweise auf Englischen, man

20:36 sagt, dass Ergebnis am Ende besser ist. Ja, ne? sogar selber englische Wörter. Jetzt ändere ich das Them zu hell. Da haben wir es. Da haben wir das White Team. Sieht doch

20:48 insgesamt ein bisschen schöner aus. Auch wirzlich, ne? Das ist so ein ganz subtiles Lila hier. Bin ich bin ich blind? Nee, nee, das ist oben in der Ecke ist es ist so ein ganz zarter Farbübergang.

21:01 Ja. Und dann hier das Logo ist auch so bewegt sich auch und ist animiert. Schon cool. Gehen wir runter. ähm ja auch, dass die Emmorticons passen zu den Aussagen und jede Woche das sieht

21:16 ganz ehrlich eigentlich schon mal ziemlich cool aus, besser als ich das mit irgendwie eine Websitebilder wahrscheinlich in äh einem halben Park hinbekommen hätte,

21:24 aber denkt, dass wir das jetzt hier in wenigen Minuten gemacht haben. Ja. So, jetzt wir noch einmal neues gucken, funktioniert oder? Ah ja, was auch gewis interessant ist,

21:37 wenn ich hier auf Edit gehe, das soll man vielleicht noch mal besprechen, kann ich auch hier direkt reingehen und natürlich hier auch den Text ändern. Ja. Ja, das ist auch spannend. Ich habe ja

21:45 also die die verschiedenen Divs und sehe auch, wenn ich so ein bisschen HTML verstehe, was er hier gemacht hat und kann da halt reingehen. Ja, und das schon cool.

21:54 Und das ganze kann ich natürlich äh oben rechts noch publishen und äh kann das dann quasi auch so direkt veröffentlichen oder ich exportiere quasi den Code und arbeite mit dem Code weiter.

22:05 Ja, nachdem wir jetzt eine Landing Page ausprobiert haben, wollen wir jetzt mal ein Stück komplexer werden. Genau. Und eine kleine Webapp bauen. Wä es nicht cool, wenn unsere Hörer und

22:16 Hörerinnen uns Ideen schicken könnten für unsere nächsten Podcast Folgen und andere Hörer und Hörerin abstimmen könnten, ob die Ideen gut sind, damit wir dann entscheiden können, ob wir da

22:29 eine Podcastfolge drüber machen. Es wäre hervorragend. Sagen wir die Hör wäre cool, oder? Ja, es wäre cool. Probieren wir das doch einfach mal aus, ob wir das hinbekommen. Ähm, ich würde

22:38 sagen, schmeiß doch mal wieder dein dein Voice Tool hier an. Ja, die ersten Wetter müssen wir jetzt rauscutten, weil der hört ja schon zu. Aber ich fange mal an.

22:48 Dein Ziel ist es, eine Themenabstimmungs Webapp zu entwickeln und zwar für den Cointelligence Podcast von Benny Wüstenhagen und Moritz Heininger. Wir sind ein KI Lernpodcast und sprechen

23:10 immer wieder über spannende Themen, wie unsere Hörerinnen und Hörer in das KI Zeitalter einsteigen können und haben schon ganz viele interessanten Themen behandelt. Aber wir möchten in Zukunft

23:25 äh die Hörerinnen und Hörer einbinden und äh ihre Ideen einsammeln und diese wiederum von anderen Hörern und Hörerinnen bewerten lassen, damit wir dann entscheiden können, ob wir darüber

23:38 eine weitere Podcast Folge erstellen sollen. Die Kernfeatures müssen also sein, dass ich mich mit meinem Namen und meiner Idee zu einem Inhalt ähm eintragen kann und es dann eine Art

23:56 Upvoting System gibt, äh wo andere Community Member abstimmen können. Dabei soll jede Person eine Idee immer nur einmal nach oben voten können. Jede Person kann aber

24:15 mehrere Ideen einreichen. Bitte erstelle hierfür einen ersten Draft für eine Webapp. Die Webapp sollte äh in weiß und lila gestaltet sein. So ähnlich wie das Logo vom Cointelligence Podcast und soll

24:37 design sehr anspruchsvoll bzw. sehr ansprechend sein. Bitte entwickel den ersten Draft.

24:52 Copy paste

24:57 und warte oben. Genau.

25:03 So, dann schauen wir noch mal was Lavabb hier gleich draus macht und vor allem wie dann es dauert. Auf jeden Fall gibt's irgendeinen Bug. Wenn mal w das vorne eintippen, müssen

25:14 wir es hier noch mal eintippen. Ja, wenn das jemand von Level sieht. Ihr habt hier ein Bug, aber glücklicherweise haben wir es ja kopiert. Können jetzt auch mal neu anschragen.

25:23 Ich glaube, das ist auch das Spannende für euch. Ja, die Tag 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.

25:32 kriegen auch keine Kickbacks oder sonst irgendwas. Die unter wä es wenn Lavable uns unterstützen würde, aber nein, wir stellen es nur voll vor, weil wirklich denken, es ist ein sehr cooles Tool ist

25:43 und vor allem, weil es ein europäisches Tool ist, was man auch mal mit dazu sagen muss und unterstützen muss. Genau.

25:52 Der Designer ist Deutscher, ne? Kann sein, ne? Ach so, wir können natürlich hier auch sehen, wie sich das ganze entwickelt. schauen show all se schon dabei jetzt hier eine Index zu bauen

26:07 schon gespannt was man quasi nachverfolgen kann live sehen kann wie das Tool vorgeht wie es denkt wie es arbeitet und äh schon ich habe vor einigen Monaten mal auch probiert eine eine funktionierende

26:20 Webapp zu bauen mit Manus Mhm das war eher frustrierend. Also das sah im ersten Schritt super aus. Ja, und aber als ich dann das exportieren wollte und wirklich live nehmen wollte,

26:32 hat sich ja funktioniert. Ja, Manus ist ganz gut und auf so Deep Research Sachen mir dann schöne Reports und interaktive Report Websites zu erstellen, aber sowas wie hier eher nicht.

26:47 So, vielen Dank für den ersten Aufschlag. Leider ist die Akzentfarbe noch blau und nicht lila. Bitte ändere das. Wir wollen ein Liederw und wir wollen ein Liederbuch. Okay, schlecht.

27:08 Lila Vibe. Mach noch mal den Sound an. Ja. Ja. Außerdem soll das Logo des Crointelligence Podcasts auch noch auf der Seite zu sehen sein und wir möchten, dass das Design ein bisschen moderner

27:24 und ansprechender und vielleicht interaktiver ist. Witzig ist ja auch, dass er sich schon Ideen vorgestellt hat und auch Namen ausgedacht hat. Also Lisa T wünscht sich

27:35 KI Tools für kreative Revolution Bedrohung und Markus K schreibt ethische Grenzen von KI. Was dürfen Algorithmen entscheiden? Dazu gab's schon einer Episode, mein lieber Markus.

27:44 Genau. Ich auch gepasst, Markus. Okay, cool. Aber dein Name, wie heißt du? Team Idee. Schreib eine Idee. Können es mal ausprobieren. Moritz jetzt macht er neu bestimmt.

27:57 Äh ja, das ist äh war ich das jetzt? Das warst glaube ich du, weil du eben reingespielt hast, aber er arbeitet noch auf der linken Seite. Ich mach mal auf nicht Stry again, sondern auf X. X.

28:08 Ja, weil er arbeitet ja noch. Also, du hast jetzt quasi in die alte Version reingeschrieben, während er die neue noch entwickelt, aber ich würde sagen, wir müssen das

28:17 wahrscheinlich warten, bis er die neue Version fertig gebaut hat und dann können wir auch hier wieder rechts rangehen. Ihr seht, ist alles live und nicht KI generiert. Ja, wir können auch live das

28:26 System stören. Ihr seht, Benny ist ein sehr ungeduldiger Manager. bestreitend, aber das haben wir gemeinsam generating modern podcast Logo. Ah ja, okay. Jetzt erstellt ein Auch nicht schlecht.

28:44 Try to fix fix. Okay, jetzt redet d mit sich selbst. Please think step by steping resolve error. Okay. Browser data n month what?

29:01 Das müssen wir nicht verstehen. Das ist ja das Schöne. Wir sagen einfach fix error. Okay.

29:12 Ja, ist schon interessant zu sehen. Seite jetzt einfach schreibt, okay, ist ein Fehler. Ja, und äh ich kümmere mich jetzt drum und versucht was wieder ein Fehler. Na, auch sicher in Englisch ist. Ja.

29:31 So, kriegst du hier dein Dings noch weg. Jawohl, da ist unsere neue Seite. Das witzige ist, ähm er hat sich einfach ein Logo ausgedacht. Er hat nicht unser Logo genommen.

29:40 Ähm, aber wenn wir runtergehen, sieht es doch erstmal ganz gut aus. Probier doch mal eine Idee einzureichen. Okay, ich habe gern für dich, Moritz. Was ist deine Was ist deine Idee für allen

29:56 äh Podcast? Agenten. Genau. Es stimmt. Ja. Ähm Agent Agent Gott,

30:09 ich glaub ich bin ja auf der falschen Tastatur. Kann das sein? Auf der englischen? Ja. Ja. Können Agent sein. Idee einreichen. Erfolgreich. Deine Idee wurde erfolgreich eingereicht. Da haben wir

30:22 es. So gut, jetzt kannst du hochwoten, kannst du drauf checken. Ich kann woten, aber auch noch einmal. Okay, cool. Worte mal ganz gut eine andere Idee. Noch wen kannst. Okay, ich kann eben nur

30:33 eine Idee hoch wen, aber das ist ja genauso wie es machen soll. Auch ganz cool, dass das hier äh dieses Hoverover drin ist. Ja, vier Ideen zählt hier auch. Ja, schön. Also jetzt können wir klar noch

30:47 weitermachen kön sagen, das ist das falsche Logo geh auf Point Seite zieh das richtige Logo, ist das falsche lila und so weiter und so fort. Aber wir haben hier in ja wenigen Minuten eine

30:56 Voting App für unsere Webseite entwickelt, die auch genauso nutzbar ist. Wir können jetztich noch weiterführen, können sagen, du wir brauchen unbedingt ein Login, dass quasi

31:06 jede Person ein Account braucht, dass du nur voten kannst und ein Account hast und so weiter und so fort. Aber das ist genau dieses Weib Ding. Wir würden quasi step by Step hier durchweiben und so

31:17 immer eine bessere Lösung am Ende eben haben. Es gibt natürlich so ein paar Dinge, auf die wir aufpassen müssen. Also, wenn ihr jetzt eine App baut, wo ihr wichtige

31:27 Daten drin verwaltet oder wichtige Daten reinbaut, dann müsst ihr vielleicht mal jemanden nehmen, der sich damit auskennt. Die Sicherheit von diesen ganz einfachen Apps ist ein bisschen

31:38 fraglich. ähm das ganze Thema Publishing und Hosting. Ja, ihr habt ja gesehen, am Anfang kann man sagen, soll es für alle publik sein, soll es ein privates Projekt sein. Ähm am Anfang ist erstmal

31:49 alles publik, das heißt, alle können das auch einsehen. Sprich, ihr könnt auch auf Loverable gehen und gucken, was andere so machen, aber andere können das genauso.

31:57 Ähm und es ist natürlich jetzt auch nicht darauf ausgelegt, dass jetzt 500.000 1000 Leute parallel auf das Voting gehen und Sachen voten. Ähm, sprich auch die Skalierbarkeit ist jetzt

32:09 noch nicht so optimal. Was mich aber dahin führt zu der Frage, wird es dadurch eher mehr Menschen geben, die programmieren als Profi oder weniger? Ich hätte anfangs gedacht, boah, das ist der Tod

32:22 von allen Programmieren, Programmierern. Mhm. Mittlerweile glaube ich aber, dass eher umgekehrt ist, weil jetzt viel mehr Menschen solche Dinge ausprobieren. Ja,

32:30 haben wir viel mehr Apps und 10 % davon oder 3% davon werden vielleicht überleben und werden in richtigen vernünftigen Grot umgewandelt und da braucht man dann die Menschen, die sich

32:41 damit auskennt. Weiß wie wie du das siehst. Ich sehe es genauso wie du. Ich glaube, es könnte eher der Todiger undifferenzierter SARS Company sein. Ja, weil die SARS Companies Software Service

32:53 Software Service Companies ähm die einfach ein sehr sehr einfaches Produkt haben, dass ich heute die ich heute selbst nachbauen kann. Ich glaube die werden Problem haben, aber ich sehe es

33:03 genauso wie du. Es wird nicht weniger Softwareentwickler geben, es wird mehr Softwareentwickler geben und es werden halt Leute Softwareentwickler, die sonst nie Software Entwickler geworden wären,

33:13 ne? Und gerade es wird immer mehr Ideen geben, die umgesetzt werden, kleine Programme gebaut, Prototypen gebaut. Mit dem Prototyp kann ich rausgehen und mit Personen sprechen, um Feedback zu holen,

33:23 um meinen Prototypen wieder anzupassen, um Markt zu testen, zu validieren und dann quasi natürlich muss ich irgendwann entscheiden, was was will ich hier für ein Produkt bauen, wie groß soll das

33:33 werden? Wie wichtig ist deine Sicherheit? Ist das ein Was sind die Endkunden? Ist es irgendwie was internes? Ist das eine Enterprise Lösung? Ja, und natürlich sind da die

33:41 Tools noch nicht so weit, aber wir sind halt auch irgendwie ja nach sech sech Monate irgendwie äh nachdem dieser Term Vibe Coding erfunden wurde und wer weiß wie das alles in zwei

33:52 Jahren aussieht, ne? Also das stimmt, ne? Ja, auf jeden Fall sehen wir jetzt, dass wahnsinnig viele Menschen sich damit sich damit beschäftigen, da auch Geld für ausgeben für solche Tools um

34:02 weiterzumachen. Ähm ja. Ja, ich glaube, es ist das Jahr der Ideenmenschen. äh vielleicht die letzte Anekdote und damit gehen Grüße raus an Joab Notes of Berlin der mir erzählt

34:18 hat, dass er eben ein sehr, ich se natürlich auch ein sehr kreativer Mensch ist und früher quasi mit Ideen zu einer befreundeten Software Bude gegangen ist, die dann Ideen umgesetzt haben und ich

34:32 habe ihm erzählt, das ist jetzt dein Jahrhundert, weil deine ganzen Ideen, die du hast für Ideen und Softwareösung, die kannst du jetzt einfach selber umsetzen.

34:40 Und ähm der ist er ist einer von vielen Kreativen. Überleg mal, wie viele Kreative es gibt bei uns auf der Welt in Deutschland, die jetzt auf einmal Ideen umsetzen, was wir vorher nicht machen

34:50 konnten. Von daher wird es glaube ich jetzt eine sehr, sehr sehr spannende Zeit mit ganz vielen neuen Dingen, ganz vielen neuen Ideen, die umgesetzt werden. Du bist ja auch multikreativ, nicht nur

35:00 Webapps, sondern auch T-Shirts. Ja, vielen Dank. Ich habe heute zur Feier des Tages, zur Podcast Episode mein Geburtstagsgeschenk bekommen im Podcast T-Shirt. Dazu auch mal eine eine ein Shop

35:12 aufsetzen mit Level. Könnten wir ja, aber schreibt mal als Kommentar drunter Happy Birthday Benny. Ja, Benny hatte Geburtstag und genau bei zu der Gelegenheit gab's ein kleines

35:24 T-Shirt. Also alle Glückwunsche und heute mal extra viel liken nur für Benny und äh ja, damit danke fürs Zuhören, fürs dabei sein. Probiert es aus, keine Angst vorbeikommen und ich würde sagen,

35:39 wir sehen uns in der nächsten Episode. Nächste Woche gleicher Zeit geht's um KI Agenten. Agents ganz großes Thema, ganz spannendes Thema und bis dahin ciao ciao.

35:50 Cointelligence ist eine Produktion von The Key Academy in Zusammenarbeit mit Snipkey. Produziert bei Studio Co in Berlin. Produktion und Regie: Christina Manuele, Fuat Sebadli und Elias Probel.

36:03 Creative Director Lukas Schelter. Redaktion und Moderation Benjamin Wüstenhagen und Moritz Heininger. Abonniere uns auf Spotify, Apple Podcasts oder YouTube. Danke fürs Zuhören.