1 00:00:00,160 --> 00:00:03,000 Offenbar sind wir trotz der Hitze beide in unseren 2 00:00:03,000 --> 00:00:06,080 Dachgeschosswohnungen noch nicht geschmolzen, da unsere Gehirne 3 00:00:06,080 --> 00:00:08,400 bei diesen Temperaturen aber einfach nicht mehr anständig 4 00:00:08,400 --> 00:00:11,680 funktionieren, muss heute mal wieder die KI übernehmen. 5 00:00:11,920 --> 00:00:15,280 Wir sprechen über Vipe Coding mit einem Augenzwinkern und wie 6 00:00:15,280 --> 00:00:18,400 unser perfektes Setup für KI getriebene Softwareentwicklung 7 00:00:18,400 --> 00:00:22,960 aussieht, welche Tools MCP Server und Custom Instructions 8 00:00:23,120 --> 00:00:32,240 darum geht es in dieser Folge. Und damit herzlich willkommen 9 00:00:32,240 --> 00:00:36,000 zum To do Developer Podcast mit Robin Manuel T. 10 00:00:36,000 --> 00:00:39,680 Und mir malte Lantin Robin Manuel, Du bist also jetzt ein 11 00:00:39,680 --> 00:00:43,280 Vibecoder geworden. Wow, wow wow, wow. 12 00:00:43,280 --> 00:00:45,840 Ich hoffe nicht, sprechen wir gleich noch so ein bisschen 13 00:00:45,840 --> 00:00:48,720 drüber, aber der Begriff ist ja so ein bisschen ja glaube ich, 14 00:00:48,720 --> 00:00:51,120 der wird natürlich sehr belächelt, wahrscheinlich auch 15 00:00:51,120 --> 00:00:54,080 zu Grund also. Don't Call me a vipe coder 16 00:00:54,080 --> 00:00:56,240 malte, ich bin doch richtiger Coder, aber ich glaube, es sind 17 00:00:56,240 --> 00:00:59,120 ganz viele Leute da draußen, die vielleicht nicht 5 Jahre 18 00:00:59,120 --> 00:01:01,880 Informatik studiert haben und jetzt über vipe Coding ihre 19 00:01:01,880 --> 00:01:07,480 eigenen Projekte umsetzen können und wo der, wo der Begriff Vipe 20 00:01:07,480 --> 00:01:10,160 Coding überhaupt herkommt, was davon quatsch ist und was man 21 00:01:10,160 --> 00:01:12,640 vielleicht auch wirklich im Alltag gebrauchen kann, das 22 00:01:12,640 --> 00:01:15,280 schauen wir uns diese Folge an. Sehr cool. 23 00:01:15,280 --> 00:01:17,360 Ich freue mich auf jeden Fall drauf, dein Setup 24 00:01:17,360 --> 00:01:19,920 kennenzulernen, aber bevor wir ins Thema einsteigen, natürlich 25 00:01:19,920 --> 00:01:25,600 erstmal die übliche Danksagung. Und zwar hat der Alexander uns 2 26 00:01:26,000 --> 00:01:29,360 Eiskaffee ausgegeben, die wir natürlich auch diese Woche gut 27 00:01:29,360 --> 00:01:30,080 gebrauchen. Können. 28 00:01:30,080 --> 00:01:33,320 Vielen Dank. So, dann legen wir los mit dem 29 00:01:33,320 --> 00:01:37,480 Thema White Coding in aller Munde seit einigen Monaten, und 30 00:01:37,480 --> 00:01:40,280 zwar seit Februar. Und es ist ganz verrückt. 31 00:01:40,280 --> 00:01:43,360 Manchmal sind so Begriffe. So ins Gehirn eingebrannt, dass 32 00:01:43,360 --> 00:01:45,920 man das Gefühl hat, die gibt es schon seit Jahren. 33 00:01:45,920 --> 00:01:49,280 Aber tatsächlich gibt es sie oder gibt es diesen Begriff erst 34 00:01:49,280 --> 00:01:52,960 seit dem 3. Februar 2025 und du hast auch 35 00:01:52,960 --> 00:01:56,640 noch mal ausgegraben, wo er ursprünglich herkommt und dann 36 00:01:56,800 --> 00:01:58,880 gehen wir noch mal rein, was er eigentlich bedeutet. 37 00:01:58,880 --> 00:02:02,320 Genau geprägt hat den ich hoffe ich spreche es richtig aus. 38 00:02:02,640 --> 00:02:06,640 Andrej Capati von Open AI tatsächlich, es ist nicht mehr 39 00:02:06,640 --> 00:02:11,680 bei Open AI war einer der. Gründungsmitglieder und 40 00:02:11,760 --> 00:02:17,600 Researcher hat auch vorher die KI Themen bei Tesla geleitet. 41 00:02:17,600 --> 00:02:20,880 Also das ist glaube ich 1 der größten Brains, die wir so 42 00:02:21,040 --> 00:02:22,840 weltweit in dieser KI Welt haben. 43 00:02:22,840 --> 00:02:26,080 Auf jeden Fall Vorreiter in dem Thema, macht auch fantastische 44 00:02:26,080 --> 00:02:29,200 Youtube Videos die oft sehr lange gehen, also teilweise 2 45 00:02:29,200 --> 00:02:30,400 zweieinhalb Stunden youtube Videos. 46 00:02:30,400 --> 00:02:32,320 Also wer schon dachte der Podcast hier ist manchmal zu 47 00:02:32,320 --> 00:02:35,440 lang und. Andrejs Videos sind deutlich 48 00:02:35,440 --> 00:02:38,720 länger, lohnt sich aber genau wie hier im Podcast jede 49 00:02:38,720 --> 00:02:41,360 einzelne Minute sich anzuschauen oder anzuhören. 50 00:02:41,840 --> 00:02:46,240 Der Mann ist wirklich ein Brain und der hat auf Twitter oder Ex 51 00:02:46,240 --> 00:02:49,360 glaube ich dann damals auch schon mittlerweile das Ganze 52 00:02:49,680 --> 00:02:51,920 geprägt, indem er da irgendwann einen längeren Post gemacht hat, 53 00:02:51,920 --> 00:02:53,760 wo er gesagt hat, es gibt irgendwie so eine neue Art von 54 00:02:53,760 --> 00:02:57,560 Coding die er Vibe Coding nennt, wo man sich komplett in die 55 00:02:57,560 --> 00:03:01,840 Vibes hingibt und. Quasi vergisst dass, dass der 56 00:03:01,840 --> 00:03:04,840 Code überhaupt existiert und einfach nur mit irgendwie mit 57 00:03:04,840 --> 00:03:07,520 seinem Editor spricht und immer alle Änderungen, die die KI 58 00:03:07,520 --> 00:03:10,640 vorschlägt, immer automatisch akzeptiert, wenn die ki s 59 00:03:10,640 --> 00:03:13,360 irgendwelche Tools aufrufen möchte, die immer automatisch 60 00:03:13,600 --> 00:03:17,240 akzeptiert und quasi der Code selber sich den gar nicht mehr 61 00:03:17,240 --> 00:03:19,120 anschauen, sondern einfach nur noch auf diese Ergebnisse 62 00:03:19,440 --> 00:03:20,840 achtet. Er hat schon so ein bisschen was 63 00:03:20,840 --> 00:03:23,480 dabei geschrieben, es ist natürlich kein richtiges Coding, 64 00:03:23,480 --> 00:03:25,800 das. Aber es ist schon cool zu sehen, 65 00:03:25,800 --> 00:03:29,280 dass KI Modelle das können und quasi nach KI wirklich dabei 66 00:03:29,280 --> 00:03:31,760 zuzuschauen, wie sie ne App baut und eigentlich nur noch das, 67 00:03:32,000 --> 00:03:33,920 also sich das Ergebnis anzuschauen, wie das langsam 68 00:03:33,920 --> 00:03:36,880 wächst und gar nicht mehr zu gucken was der Code dahinter 69 00:03:36,880 --> 00:03:38,160 ist. Das das ist glaub ich so n 70 00:03:38,160 --> 00:03:40,440 bisschen Vibe Coating. Ja, und ich glaube, du hast 71 00:03:40,440 --> 00:03:42,480 gerade schon so ein ganz wichtiges Thema dabei 72 00:03:42,480 --> 00:03:45,920 angesprochen, dass White Coding vielleicht am Ende gar kein 73 00:03:45,920 --> 00:03:49,880 Coding mehr ist, weil ich als derjenige, der die Software dann 74 00:03:49,880 --> 00:03:53,080 mit diesen Tools baut, am Ende eigentlich den Code gar nicht 75 00:03:53,080 --> 00:03:54,880 mehr sehen will. Und von daher ist natürlich der 76 00:03:54,880 --> 00:03:59,360 Begriff Coding völlig fehl am Platze, weil im Coding Code ich 77 00:03:59,360 --> 00:04:03,840 etwas und dort setze ich mich hin und gemeinsam mit einem 78 00:04:03,840 --> 00:04:06,880 Werkzeug weiß nicht entwerfe oder? 79 00:04:07,440 --> 00:04:10,840 Ich brainstorm gemeinsam eine App und am Ende kommt ein 80 00:04:10,840 --> 00:04:12,800 Ergebnis raus, über das ich iteriere. 81 00:04:13,120 --> 00:04:15,680 Aber dafür brauche ich natürlich das entsprechende technische 82 00:04:15,680 --> 00:04:17,920 Setup. Du sagst gerade KI Modelle 83 00:04:18,000 --> 00:04:20,040 spielen natürlich eine ganz wichtige Rolle, aber das muss 84 00:04:20,040 --> 00:04:23,720 natürlich eingebettet werden in eine Entwicklungsumgebung und da 85 00:04:23,720 --> 00:04:26,920 gibt es ja mittlerweile einige, die sich genau auf diesen 86 00:04:26,920 --> 00:04:30,240 Bereich, nämlich die KI gestützte Softwareentwicklung 87 00:04:30,480 --> 00:04:32,800 konzentrieren, das heißt ich brauche erstmal einen. 88 00:04:33,200 --> 00:04:37,280 Code Editor, Das kann Cursor oder vs Code oder Win Surf sein. 89 00:04:37,360 --> 00:04:40,960 Viele dieser Editoren Cursor und Win Surf basieren auch auf vs 90 00:04:40,960 --> 00:04:45,840 Code als populärsten Code Editor, den man draußen so 91 00:04:45,840 --> 00:04:47,280 findet. Es gibt aber auch andere 92 00:04:47,440 --> 00:04:49,280 Entwicklungsumgebungen, die jetzt in die Richtung gehen, 93 00:04:49,280 --> 00:04:51,760 dass man damit in Anführungsstrichen Vibe Coden 94 00:04:51,760 --> 00:04:55,600 kann, aber im üblichen Setup hat man vs Code oder ein. 95 00:04:55,840 --> 00:04:58,920 Derivat von hier ist Code. Genau jetzt ist vipe Coding 96 00:04:58,920 --> 00:05:00,600 natürlich auch kein geschützter Begriff. 97 00:05:00,600 --> 00:05:02,240 Also man kann natürlich auch überlegen, ob wir das noch 98 00:05:02,240 --> 00:05:03,840 irgendwie ausdehnen. Es gibt ja mittlerweile ganz 99 00:05:03,840 --> 00:05:06,000 viele Plattformen, die irgendwie so wie Pilze aus dem Boden 100 00:05:06,000 --> 00:05:10,400 schießen, wo ich Apps allein durch Prompts erstellen kann. 101 00:05:11,680 --> 00:05:13,920 Ich will so wie ich vipe Coding auch so ein bisschen verstehen 102 00:05:13,920 --> 00:05:15,840 in der Industrie, aber wie gesagt, da haben ganz viele 103 00:05:15,840 --> 00:05:17,840 Leute verschiedene Meinungen, ist halt aber auch eher, wie du 104 00:05:17,840 --> 00:05:19,600 es gerade beschrieben hast. Also dass es schon noch einen 105 00:05:19,760 --> 00:05:22,120 Code Editor gibt, deswegen würde ich auch so ein bisschen 106 00:05:22,120 --> 00:05:23,920 widersprechen, es ist schon auch Code da. 107 00:05:24,480 --> 00:05:26,400 Und ich sehe ja auch, wie dieser Code geschrieben wird. 108 00:05:26,480 --> 00:05:31,080 Der ist mir nur egal. Also ich schaue mir vielleicht 109 00:05:31,080 --> 00:05:32,360 gar nicht mehr an, was da geschrieben wird. 110 00:05:32,360 --> 00:05:34,880 Im Zweifel könnte ich rein, aber da ich den von Anfang an gar 111 00:05:34,880 --> 00:05:37,640 nicht erst mitverfolge, kann es natürlich gut sein, dass ich den 112 00:05:37,640 --> 00:05:39,600 gar nicht kenne und dann, wenn da irgendwann mal Tausende 113 00:05:39,600 --> 00:05:42,080 Zeilen Code entstanden sind, ich da wahrscheinlich auch keine 114 00:05:42,080 --> 00:05:43,440 Änderung mehr selber machen kann, weil ich. 115 00:05:44,000 --> 00:05:46,000 Sie dann zum ersten Mal sehe, wenn es wahrscheinlich schon zu 116 00:05:46,000 --> 00:05:49,760 spät ist. Und ohne jetzt zu weit vorweg zu 117 00:05:49,760 --> 00:05:52,240 greifen, erinnert mich das so ein bisschen an die Zeit, wo 118 00:05:52,240 --> 00:05:55,480 ganz viel mit so What You Sees what you get Editoren So Web 119 00:05:55,480 --> 00:05:59,840 Editoren gearbeitet wurde, wo man sich Webseiten irgendwie 120 00:05:59,840 --> 00:06:02,200 zusammengeklickt hat und im Hintergrund ist dann so ganz 121 00:06:02,200 --> 00:06:04,680 viel Code entstanden. Den Code, den wollte man sich 122 00:06:04,680 --> 00:06:07,600 vielleicht gar nicht angucken, den konnte man ab einer 123 00:06:07,600 --> 00:06:10,920 bestimmten Stelle eigentlich gar nicht mehr manuell warten und 124 00:06:10,920 --> 00:06:15,360 ich glaube das ist so die. Ki gestützte Weiterentwicklung 125 00:06:15,600 --> 00:06:19,600 von diesen visuellen Editoren, mit denen ich irgendwelche Apps 126 00:06:19,600 --> 00:06:22,240 oder Webseiten zusammenstelle. Ja, so ein bisschen. 127 00:06:22,240 --> 00:06:25,120 Ich hatte von von ein paar Monaten oder so habe ich 128 00:06:25,120 --> 00:06:28,640 irgendwann mal auf Social Media gepostet, so AI ist das neue Low 129 00:06:28,640 --> 00:06:31,560 Code eigentlich, also wo früher diese diese Plattformen diese 130 00:06:31,560 --> 00:06:34,680 low Code Plattformen halt waren, kann ich jetzt ja sowas wie VIB 131 00:06:34,680 --> 00:06:37,440 Coding verwenden um wirklich einfach zu wie gesagt ohne 132 00:06:37,440 --> 00:06:39,880 Coding Skills. Zu beschreiben, was ich, was 133 00:06:39,880 --> 00:06:41,560 eigentlich das Ergebnis sein soll und da auch immer wieder 134 00:06:41,560 --> 00:06:44,560 drüber iterieren kann, nur halt, dass ich theoretisch nicht die 135 00:06:44,560 --> 00:06:46,960 Limitation habe, die mir so eine Low Code Plattform ergibt, die 136 00:06:46,960 --> 00:06:50,600 haben ja irgendwo ihre Grenzen. Theoretisch kann ich mit dem 137 00:06:50,600 --> 00:06:52,600 entsprechenden Model mit den entsprechenden Tools mit dem 138 00:06:52,600 --> 00:06:54,960 entsprechenden Setup ja eigentlich auch alles erreichen, 139 00:06:54,960 --> 00:06:58,080 was ein professioneller Coder oder professioneller Codering 140 00:06:58,280 --> 00:07:03,360 erreichen kann, wie gesagt theoretisch, aber wir mit dem 141 00:07:03,360 --> 00:07:07,320 richtigen Vipe Coding Setup. Kann ich also wird ja im 142 00:07:07,320 --> 00:07:08,680 Hintergrund richtiger Code geschrieben. 143 00:07:08,680 --> 00:07:10,640 Das heißt, eigentlich habe ich auch keine Grenzen von dem, was 144 00:07:10,640 --> 00:07:14,920 ich da bauen möchte. Und häufig werden in dieser Vipe 145 00:07:14,920 --> 00:07:16,920 Coding Welt heute Webanwendungen gebaut. 146 00:07:16,920 --> 00:07:20,160 Das heißt, ich habe meistens irgendwie einen Live Server, der 147 00:07:20,160 --> 00:07:24,640 mir im Browser window aktuell den Stand meiner Anwendung zeigt 148 00:07:24,640 --> 00:07:27,080 mit Hot Reload, das heißt immer wenn ich irgendwelche Änderungen 149 00:07:27,080 --> 00:07:31,280 vornehme, sehe ich diese sofort in meinem Browser und kann dann. 150 00:07:31,520 --> 00:07:36,000 Darauf reagieren und legt dann mir irgendwie das Chat Fenster 151 00:07:36,000 --> 00:07:39,520 von meinem KI Assistenten direkt daneben und den Code. 152 00:07:39,520 --> 00:07:41,560 Wie gesagt der kann irgendwo im Hintergrund sein, der kann auf 153 00:07:41,560 --> 00:07:43,920 einem anderen Bildschirm sein, aber was mich interessiert ist 154 00:07:43,920 --> 00:07:48,320 eigentlich das Ergebnis und das KI Interface häufig halt ein 155 00:07:48,320 --> 00:07:50,880 Chat oder ein Chat Agent. Genau. 156 00:07:50,880 --> 00:07:53,760 Du kannst bei vs Code über Cursor auch dieses Chat Ding 157 00:07:53,800 --> 00:07:55,920 würde ich so raus aus dem Code Editor holen. 158 00:07:55,920 --> 00:07:58,960 Du kannst das so Anpinnen, dann ist das immer im Vordergrund von 159 00:07:58,960 --> 00:08:02,920 deinem Rechner. Und der richtige Vibecoder, der 160 00:08:02,920 --> 00:08:03,920 guckt ja gar nicht mehr auf den Code. 161 00:08:03,920 --> 00:08:06,080 Das heißt, du brauchst nur noch dieses Chat Fenster angepinnt 162 00:08:06,240 --> 00:08:08,400 und machst dann daneben diesen Browser auf, der sich mit diesem 163 00:08:08,400 --> 00:08:12,240 Hot Reload automatisch aktualisiert und kannst dann 164 00:08:12,440 --> 00:08:14,960 einfach noch Anweisungen geben und einfach theoretisch musst du 165 00:08:14,960 --> 00:08:16,400 nicht mehr tippen, weil da kannst du einfach auch über 166 00:08:16,400 --> 00:08:19,040 Audio Input, Du machst einfach dieses Mikrofon, den Mikrofon 167 00:08:19,040 --> 00:08:21,280 Button an und dann. Ja, laberst du da so ein 168 00:08:21,280 --> 00:08:22,960 bisschen rein? Also ich mach das manchmal auch, 169 00:08:22,960 --> 00:08:25,760 also ich, ich sag da auch einfach per Mikrofon, was ich 170 00:08:25,760 --> 00:08:28,040 haben will, so ein bisschen wie ja wie hier jetzt im Podcast 171 00:08:28,040 --> 00:08:29,600 auch. Ich sitze da am Mikrofon vor der 172 00:08:29,760 --> 00:08:32,880 vor der Nase und sag NÖ, Mach mal da unten mal noch so einen 173 00:08:32,880 --> 00:08:35,320 Button hin, wo ich dann wenn ich da drauf klicke dann dann soll 174 00:08:35,320 --> 00:08:37,960 Konfetti kommen. Ja, ich glaube, du bist ja auch 175 00:08:37,960 --> 00:08:40,480 einer von denen, der Sprachnachrichten auf Instant 176 00:08:40,480 --> 00:08:42,720 Messengern verschickt. Und ich bin mehr derjenige, der 177 00:08:42,799 --> 00:08:44,960 tippt. Ich benutze manchmal so Speech 178 00:08:44,960 --> 00:08:47,680 to Text, um ein bisschen längere Texte auch einzugeben, aber ich 179 00:08:47,680 --> 00:08:50,000 bin jemand, der eher auf Text unterwegs ist. 180 00:08:50,000 --> 00:08:51,680 Vielleicht, weil ich auch gelegentlich dann Dinge 181 00:08:51,680 --> 00:08:54,040 korrigieren möchte, möglichst präzise sein möchte, also mit 182 00:08:54,040 --> 00:08:57,600 dem bei dem Audio Setup oder bei der Spracheingabe bin ich noch 183 00:08:57,600 --> 00:08:59,680 nicht angekommen, das heißt ich tippe noch. 184 00:09:00,040 --> 00:09:02,080 Aber tatsächlich kann man das dann natürlich so ein bisschen 185 00:09:02,080 --> 00:09:03,920 so auch beiläufig im Hintergrund machen. 186 00:09:03,920 --> 00:09:06,480 Und wenn man sich so ein bisschen so diese mehr oder 187 00:09:06,480 --> 00:09:09,600 weniger ernst gemeinten Vipe Coding Videos auf youtube 188 00:09:09,600 --> 00:09:13,760 anschaut, sind dann Leute die die zocken, dann irgendein Spiel 189 00:09:13,760 --> 00:09:17,640 und nebenbei vipe Coden sind eine Anwendung, aber tatsächlich 190 00:09:17,640 --> 00:09:20,640 hast du ja mit diesen Software Development Agents immer so 191 00:09:20,640 --> 00:09:23,760 Wartezeiten, das heißt du gibst eine Anweisung Anweisung und 192 00:09:23,760 --> 00:09:26,840 dann läuft das Tool los, macht irgendwas und dann hast du halt 193 00:09:26,840 --> 00:09:29,560 irgendwie zwischen. Weiß ich nicht. 10 und teilweise 194 00:09:29,560 --> 00:09:32,920 minuten 10 Sekunden und Minuten Zeit und in der Zeit kannst du 195 00:09:32,920 --> 00:09:34,400 natürlich dann auch gut was anderes machen. 196 00:09:34,400 --> 00:09:37,360 Das heißt, vielleicht drehst du es dann einfach um und vibst 197 00:09:37,360 --> 00:09:40,560 halt die Anwendung, während du halt irgendwelche Spiele 198 00:09:40,560 --> 00:09:42,120 spielst. Vielleicht habe ich auch schon 199 00:09:42,120 --> 00:09:44,400 gesehen, wie ernst das gemeint ist, weiß ich. 200 00:09:44,640 --> 00:09:47,920 Nicht den vibst du gibst dich komplett den Vibst hin. 201 00:09:48,320 --> 00:09:50,720 Also wie gesagt, ich glaube das ganze, ich glaube ihr merkt das 202 00:09:50,720 --> 00:09:53,320 schon so ein bisschen so richtig ganz ernst zu nehmen ist das 203 00:09:53,320 --> 00:09:55,520 nicht, ich glaube dieses ganze Vipe, dieses ganze Viperum ist 204 00:09:55,520 --> 00:09:57,960 auch so ein bisschen Spaß, ist so leicht ironisch und. 205 00:09:58,200 --> 00:10:00,000 Aber es ist ja trotzdem faszinierend, dass es geht. 206 00:10:00,080 --> 00:10:04,000 Also ich kann ja, wenn ich es richtig mache, dann kann ich ja 207 00:10:04,000 --> 00:10:06,800 auch einfach sagen, dass ich alle Änderungen, die mir eine KI 208 00:10:06,800 --> 00:10:09,360 vorschlägt und alle Tool Calls, das hat mir auch schon mal so 209 00:10:09,360 --> 00:10:11,520 ein bisschen gesagt, Tool Calls kommt heute auch viel über so 210 00:10:11,520 --> 00:10:14,320 MCP Server, das heißt, ich gebe der KI auch die Möglichkeit, 211 00:10:14,560 --> 00:10:16,560 nicht nur kurz zu schreiben, sondern auch wirklich 212 00:10:16,560 --> 00:10:18,720 irgendwelche Tools aufzurufen, zum Beispiel auf der 213 00:10:18,720 --> 00:10:20,840 Kommandozeile irgendwas auszuführen, um das Projekt zu 214 00:10:20,840 --> 00:10:24,040 bauen oder sich irgendwie. Aus dem Web irgendeine 215 00:10:24,040 --> 00:10:27,040 Information zu holen oder mit der Guitar BPI zu sprechen, um 216 00:10:27,040 --> 00:10:29,200 sich eine Poly Request zu stellen oder so was. 217 00:10:29,680 --> 00:10:32,240 Und ich könnte ich kann so alle Änderungen, alle Toolcalls 218 00:10:32,240 --> 00:10:35,120 automatisch akzeptieren lassen, das kann ich über die Settings 219 00:10:35,120 --> 00:10:37,640 von meinem Editor sagen, kann sagen Adai soll mich nicht 220 00:10:37,640 --> 00:10:39,840 fragen ob sie diese Änderung machen kann, die soll einfach 221 00:10:39,840 --> 00:10:43,040 machen und ich gebe dir einfach quasi komplett freie Hand und 222 00:10:43,040 --> 00:10:44,960 wenn irgendwelche Änderungen passieren die ich nicht mag, 223 00:10:44,960 --> 00:10:48,120 dann mache ich die rückgängig. Aber ich kann einfach erstmal 224 00:10:48,120 --> 00:10:50,800 sagen, egal was passiert, ich möchte dieses human in The Loop 225 00:10:51,040 --> 00:10:53,160 minimieren, nur noch so, dass ich halt Feedback gebe, du mich 226 00:10:53,160 --> 00:10:55,320 aber gar nicht mehr um Erlaubnis fragst oder guckst, ob du in die 227 00:10:55,320 --> 00:10:58,760 richtige Richtung lenkst. Ich iteriere iteriere eigentlich 228 00:10:58,760 --> 00:11:01,360 so lange, bis ich das Ergebnis habe, was ich haben will. 229 00:11:02,160 --> 00:11:04,040 Und das gilt Halt nicht nur für die Tool Calls. 230 00:11:04,040 --> 00:11:06,280 Als es gerade so beiläufig im Nebensatz gesagt. 231 00:11:06,280 --> 00:11:08,240 Das gilt natürlich auch für den Code, der generiert wird. 232 00:11:08,240 --> 00:11:09,840 Üblicherweise bekomme ich dann so eine div. 233 00:11:09,840 --> 00:11:11,360 Ansicht und. Und. 234 00:11:12,280 --> 00:11:14,160 Ich. Möchte ja eigentlich durchgehen, 235 00:11:14,160 --> 00:11:16,800 aber da kriege ich einfach mal nur alles akzeptieren und 236 00:11:16,800 --> 00:11:20,080 weiter. Und wie du sagst, wenn etwas 237 00:11:20,080 --> 00:11:22,360 nicht funktioniert, dann geht man entweder einen Schritt 238 00:11:22,360 --> 00:11:25,360 zurück oder nimmt sich die Fehlermeldung und gibt sie dem 239 00:11:25,360 --> 00:11:27,360 KI Assistent und sagt Guck mal was da falsch läuft. 240 00:11:27,600 --> 00:11:31,040 Im Idealfall greift natürlich mein KI Assistent auch direkt 241 00:11:31,040 --> 00:11:34,400 auf den Terminal Output zu und sieht welche Fehler dort 242 00:11:34,400 --> 00:11:38,160 auftreten und kann dann sofort auch diese korrigieren bevor ich 243 00:11:38,160 --> 00:11:42,160 das Ergebnis überhaupt teste. Das heißt, ich geh dann hin und 244 00:11:42,160 --> 00:11:45,440 lass die KI mal machen. Klar und danach irgendwie wieso 245 00:11:46,080 --> 00:11:48,960 ein richtiger Developer dann mach ich das Zimmer dunkel mach 246 00:11:48,960 --> 00:11:52,400 mir wie eine geile Spotify Playlist an vielleicht noch Ich 247 00:11:52,400 --> 00:11:55,360 mag so Es gibt so eine ganz ruhige die heißt Beats to think 248 00:11:55,400 --> 00:11:58,560 too Pack ich mal unten in die in die Beschreibung von der 249 00:11:58,560 --> 00:12:01,440 podcastfolie ich hab auch eine eigene mal gebaut mit so Sachen 250 00:12:01,440 --> 00:12:03,840 die ich irgendwie cool finde so ein bisschen so elektronische 251 00:12:03,840 --> 00:12:06,880 Musik beim coding die hab ich coding mucke genannt guck ich 252 00:12:06,880 --> 00:12:08,480 mal vielleicht mach ich die auch mal Public und. 253 00:12:08,960 --> 00:12:11,680 Wenn ihr, wenn ihr die gleiche Mucke hören wollt wie ich beim 254 00:12:11,680 --> 00:12:15,480 Vibe Coding, dann gibt es da unten einen Spotify Link. 255 00:12:15,480 --> 00:12:17,200 Aber wir können natürlich irgendwas, was immer euch Spaß 256 00:12:17,200 --> 00:12:20,240 macht, hören und dann euch den Vibes hingeben. 257 00:12:21,120 --> 00:12:23,440 Und wie gesagt, auch wenn das Ganze jetzt hier vielleicht so 258 00:12:23,440 --> 00:12:27,200 ein bisschen wenig ernst gemeint rüberkommt, ist es auf jeden 259 00:12:27,200 --> 00:12:31,280 Fall wertvoll, es einfach mal auszuprobieren, weil es wirklich 260 00:12:31,280 --> 00:12:33,520 auch ein Trend ist, immer mehr an KI abzugeben. 261 00:12:33,520 --> 00:12:35,160 Von daher einfach mal ausprobieren, wird man dann 262 00:12:35,160 --> 00:12:37,840 vielleicht auch nicht. Regelmäßig machen aber einfach 263 00:12:37,840 --> 00:12:39,880 mal so einen Testlauf machen, gerade für so ein so ein 264 00:12:39,880 --> 00:12:42,640 Hobbyprojekt, so ein Sideprojekt oder einen Prototypen, den man 265 00:12:42,640 --> 00:12:45,840 bauen will, kann das natürlich sehr cool sein, wenn die 266 00:12:45,840 --> 00:12:47,440 Anwendung ohnehin nicht lange leben muss. 267 00:12:48,200 --> 00:12:50,240 Aber ich glaube, einiges können wir auch aus diesem Setup 268 00:12:50,240 --> 00:12:52,360 rausziehen und da wollten wir jetzt noch mal ein bisschen 269 00:12:52,360 --> 00:12:55,200 ernsthafter in die Thematik einsteigen, weil wir haben so 270 00:12:55,200 --> 00:12:58,480 ein paar Themen gerade angesprochen, wenn ich mit so Ki 271 00:12:58,480 --> 00:13:01,200 Assistenten, da haben wir in einer der letzten Folgen schon 272 00:13:01,200 --> 00:13:03,920 darüber gesprochen. In der Idee arbeite müssen diese 273 00:13:03,920 --> 00:13:06,440 natürlich Zugriff auf bestimmte Informationen haben. 274 00:13:06,440 --> 00:13:08,840 Auf Tools haben. Wir hatten auch da schon mal 275 00:13:08,840 --> 00:13:12,320 eine dedizierte Folge zu dem Thema MCP Server und da wollten 276 00:13:12,320 --> 00:13:16,960 wir jetzt ein Paar der durchaus populären MCP Server mal 277 00:13:16,960 --> 00:13:22,400 Durchsprechen, die wir oder du einsetzen, wenn man in so einem 278 00:13:22,720 --> 00:13:25,440 KI gestützten Entwicklungsprozess ist. 279 00:13:25,520 --> 00:13:28,680 Weil da sind ja bestimmte Informationen essentiell, weil 280 00:13:28,680 --> 00:13:31,920 sonst so eine KI. In so einem Vipe Coding Setup 281 00:13:31,920 --> 00:13:34,080 einfach bestimmte Informationen nicht hat. 282 00:13:34,400 --> 00:13:35,920 Ja, das ist nämlich schon irgendwie. 283 00:13:36,000 --> 00:13:40,160 Man belächelt dieses Vipe Coding viel, aber es ist ja schon 284 00:13:40,160 --> 00:13:43,560 faszinierend, dass das geht, und ich glaube, da kann man sich 285 00:13:43,560 --> 00:13:49,680 schon viel rauspicken für die eigene, ja trotzdem vernünftige, 286 00:13:49,920 --> 00:13:52,360 dennoch KI gestützte Softwareentwicklung, und eine 287 00:13:52,360 --> 00:13:54,800 dieser Sachen davon sind ebenso MCP Server zum Beispiel. 288 00:13:55,360 --> 00:13:58,880 Zu einem Top Vipe Coding Setup gehört natürlich auch, dass ich 289 00:13:58,880 --> 00:14:03,680 den richtigen Kontext in mein in mein Ki Modell reingebe haben 290 00:14:04,320 --> 00:14:07,560 regelmäßige Zuhörerinnen und Zuhörer auch von unserem Podcast 291 00:14:07,560 --> 00:14:10,120 hier wissen. Kontext ist King, wenn ich mit 292 00:14:10,120 --> 00:14:13,040 KI umgehe, also was heißt das, ich muss der KI möglichst viele 293 00:14:13,040 --> 00:14:15,600 relevante Informationen über mein Projekt mitgeben und die 294 00:14:15,600 --> 00:14:17,680 kriegt sie entweder schon durch den Hintergrund, durch den 295 00:14:17,760 --> 00:14:20,400 System prompt durch das was ich da eintippe, durch die Dateien 296 00:14:20,400 --> 00:14:22,640 die ich gerade offen habe, durch alle anderen Dateien im Projekt 297 00:14:22,640 --> 00:14:24,840 und so weiter das können diese Agenten alles und. 298 00:14:25,200 --> 00:14:27,520 Und mit sogenannten MCP Servern kann ich Ihnen dann eben weitere 299 00:14:27,520 --> 00:14:32,000 Tools geben und die absolute Empfehlung für eigentlich jedes 300 00:14:32,000 --> 00:14:36,640 Coding Setup, was irgendwie mit KI basiert ist context 7. 301 00:14:37,200 --> 00:14:40,000 Was ist context 7? Das ist eigentlich ein Projekt, 302 00:14:40,000 --> 00:14:43,120 das hat jetzt auch gar nicht so unfassbar viel mit MCP zu tun, 303 00:14:43,120 --> 00:14:46,640 das ist einfach ein Projekt was sagt Wir nehmen aktuelle 304 00:14:46,640 --> 00:14:50,720 Dokumentation von so den mehreren 100 populärsten. 305 00:14:51,040 --> 00:14:53,520 Frameworks da draußen, das sind auch nicht nur Coding 306 00:14:53,520 --> 00:14:55,080 Frameworks. Da sind zum Beispiel auch es 307 00:14:55,200 --> 00:14:57,920 gibt von Microsoft so ein Well architected Framework, wo sie 308 00:14:58,080 --> 00:15:01,600 beschreiben, wie eine wie eine professionelle Cloud Lösung in 309 00:15:01,600 --> 00:15:05,440 Azure aussehen soll, also welche Netzwerkregeln da sind und 310 00:15:05,440 --> 00:15:07,880 welche Policies man setzen soll und was man nicht erlauben soll, 311 00:15:07,880 --> 00:15:10,240 was man erlauben soll und so weiter und sofort also sowas, 312 00:15:10,240 --> 00:15:15,680 aber natürlich auch tailwin Next js irgendwie das nächste Hype 313 00:15:15,680 --> 00:15:18,960 Java Framework und so Sachen die sammeln da aktuelle 314 00:15:18,960 --> 00:15:20,920 Informationen und bereiten die so auf, dass. 315 00:15:21,000 --> 00:15:24,080 Dass die gut von KI bearbeitet und verarbeitet werden kann, das 316 00:15:24,080 --> 00:15:27,120 heißt, sie nehmen diese riesenlange Doku und schneiden 317 00:15:27,120 --> 00:15:31,840 das in kleine Teile, die sie als markdown Dateien dann in ihrer 318 00:15:31,840 --> 00:15:35,040 Datenbank speichern und das aber auch schon zusammen mit so einem 319 00:15:35,600 --> 00:15:38,520 mit so einem RAG Embedding, das heißt, ich kann danach irgendwie 320 00:15:38,520 --> 00:15:42,560 sowas wie Login suchen und Lande dann auf der Authentication 321 00:15:42,640 --> 00:15:47,360 Dokumentation von weiß ich nicht ori oder von. 322 00:15:49,120 --> 00:15:51,480 Off Zero oder wie auch immer. Also ich muss schon sagen 323 00:15:51,480 --> 00:15:54,640 welches welches Framework ich nutze und was ich da drin suche 324 00:15:54,960 --> 00:15:56,800 und kann, dann muss man aber nicht genau einen Texttreffer 325 00:15:56,800 --> 00:16:00,240 haben, sondern ungefähr sowas das läuft über Rack Retrieval 326 00:16:00,240 --> 00:16:02,720 Augmented Generation wen das tiefer interessiert haben wir 327 00:16:02,720 --> 00:16:06,720 meine eigene Folge zu gemacht, aber um den Bogen zu spannen was 328 00:16:06,720 --> 00:16:10,640 dieser MCP Server macht ist er bietet meinem Model an Hey hol 329 00:16:10,640 --> 00:16:13,480 dir mal aktuelle Informationen zu genau der Version von dem 330 00:16:13,480 --> 00:16:16,920 Framework die du verwendest. Hier aus dem Internet und. 331 00:16:17,000 --> 00:16:19,800 Und das bedeutet, mein Ki Modell kann hingehen und sagen, Jo, wie 332 00:16:19,800 --> 00:16:27,040 mache ich denn in weiß ich nicht React Version XY einen Hook oder 333 00:16:27,040 --> 00:16:33,360 wie schreibe ich denn in genau dieser Version von Tailwind 334 00:16:33,360 --> 00:16:36,920 einen Button und so weiter und dann kann ich mir eben bevor die 335 00:16:36,920 --> 00:16:39,280 KI hingeht und das schreibt diese Informationen in den 336 00:16:39,440 --> 00:16:42,400 Kontext holen, was natürlich hilft, dass ich deutlich weniger 337 00:16:42,400 --> 00:16:45,200 Halluzinationen habe, weil so ein KI Modell das ist in der 338 00:16:45,200 --> 00:16:47,600 Regel auf einer. Der wahrscheinlich veralteten 339 00:16:47,600 --> 00:16:49,920 Version, trainiert von der Library, die ich verwende, wenn 340 00:16:49,920 --> 00:16:52,400 überhaupt, und denkt sich dann für die neue Version, die ich 341 00:16:52,400 --> 00:16:54,600 vielleicht schon verwende, irgendwas aus oder Call Damage 342 00:16:54,600 --> 00:16:58,000 API, die es gar nicht gibt. Um das zu vermeiden, kann ich 343 00:16:58,000 --> 00:17:00,520 auch immer sagen, nutze bitte context 7, das kann ich an 344 00:17:00,520 --> 00:17:04,040 meinen prompt mit reinfügen, sodass du die aktuelle relevante 345 00:17:04,040 --> 00:17:06,400 Dokumentation von der Technologie, die ich gerade 346 00:17:06,400 --> 00:17:08,240 einsetze, mit in deinen Kontext bekommst. 347 00:17:09,400 --> 00:17:12,040 Und eine zweite Sache, die ich natürlich immer brauche, ist 348 00:17:12,040 --> 00:17:16,480 irgendwie Zugriff auf meine Requirements, irgendwo ein Ort, 349 00:17:16,480 --> 00:17:20,319 wo ich meine Aufgaben tracke und beschreibe, was ich eigentlich 350 00:17:20,319 --> 00:17:22,079 erreichen möchte. Da kommen wir nämlich schon in 351 00:17:22,079 --> 00:17:25,599 diesen professionelleren Bereich rein, wo wir nicht einfach nur 352 00:17:26,000 --> 00:17:28,480 irgendwelche Sachen ins Mikro labern und sagen, Ach, ich 353 00:17:28,480 --> 00:17:31,240 glaube, ich habe die Idee, mach das mal, sondern wo wir wirklich 354 00:17:31,240 --> 00:17:33,520 ein bisschen strukturierter das Ganze geplant haben und auch 355 00:17:33,520 --> 00:17:35,840 häufig liegt das auf einem externen Tool, hatten wir in der 356 00:17:35,840 --> 00:17:37,640 vorletzten Folge auch mal drüber gesprochen und. 357 00:17:38,080 --> 00:17:41,280 Und da gibt es natürlich MCP Server wie den github MCP 358 00:17:41,280 --> 00:17:44,240 Server, wo ich dann auf meine github Issues zugreifen kann, wo 359 00:17:44,240 --> 00:17:47,200 ich dann aber nachher auch meinem Coding Agent sagen kann, 360 00:17:47,200 --> 00:17:51,680 Hey mach mal einen Pull request auf mit dem aktuellen Stand den 361 00:17:51,680 --> 00:17:54,960 du dort hast, weil ich glaube das hatten wir in einer der 362 00:17:55,040 --> 00:17:57,920 früheren Folgen auch angesprochen, dieses AI Coding 363 00:17:57,920 --> 00:18:01,200 oder Wipe Coding geht so lange gut wie man auch ordentliche 364 00:18:01,200 --> 00:18:03,920 Software Development Good Practices verfolgt und dazu 365 00:18:03,920 --> 00:18:06,120 gehört halt eine ordentliche Versionierung und dieses 366 00:18:06,120 --> 00:18:07,960 Werkzeug wo man den aktuellen Stand ablegt und. 367 00:18:08,240 --> 00:18:10,560 Damit man nicht in so eine Situation kommt, dass irgendwann 368 00:18:10,880 --> 00:18:13,840 die KI das halbe Projekt frisst und nichts mehr funktioniert und 369 00:18:13,840 --> 00:18:16,560 man keine Backups hat und nicht einen Schritt zurückgehen kann, 370 00:18:16,560 --> 00:18:18,840 wie du es gerade erwähnt hast. Also das heißt, ich habe dann 371 00:18:18,840 --> 00:18:21,760 irgendwie einen Github MCP Server oder wenn meine 372 00:18:21,760 --> 00:18:23,680 Requirements in einem anderen Tool liegen. 373 00:18:23,680 --> 00:18:25,960 Gerade im Unternehmensumfeld hatte ich auch in der 374 00:18:25,960 --> 00:18:27,840 Vergangenheit schon mal angesprochen, es gibt natürlich 375 00:18:27,920 --> 00:18:30,560 auch MCP Server für JIRA und andere Tools, du wurdest da 376 00:18:30,560 --> 00:18:34,240 übrigens korrigiert, es ist nicht JIRA sondern JIRA. 377 00:18:34,880 --> 00:18:40,120 Vergessen? Ja, tatsächlich und können wir 378 00:18:40,120 --> 00:18:43,320 dann in die Trivia dann auch noch mal in den entsprechenden 379 00:18:43,320 --> 00:18:47,000 Notes verlinken. Nächster MCP Server den ich sehr 380 00:18:47,000 --> 00:18:49,880 empfehlen kann ist halt irgendwo wo man seine privaten Notes 381 00:18:49,880 --> 00:18:51,920 pflegt, das auch noch in die KI mit einzubinden. 382 00:18:51,920 --> 00:18:53,600 Ich habe glaube ich irgendwann schon mal erwähnt, bei mir ist 383 00:18:53,600 --> 00:18:56,480 das Obsidian, das ist ein Note tacking Tool wo eigentlich alle 384 00:18:56,480 --> 00:18:58,680 Notes in marktdown Dateien lokal auf dem Rechner liegen aber. 385 00:18:59,000 --> 00:19:01,920 Aber ich kann ja viele Nutzen, Motion oder was, was auch immer. 386 00:19:02,160 --> 00:19:05,400 Und neben der aktuellen offiziellen Dokumentation, die 387 00:19:05,400 --> 00:19:09,200 wie gesagt über context Seven kommt, hilft es mir immer, weil 388 00:19:09,200 --> 00:19:11,520 ich bin jemand, ich mache mir einfach viele Notizen oder was 389 00:19:11,520 --> 00:19:13,440 ich in einem anderen Projekt verwendet habe oder irgendwas 390 00:19:13,440 --> 00:19:14,480 was gut oder schlecht funktioniert. 391 00:19:14,480 --> 00:19:17,920 Ich bin ein Notizenmensch und sowas natürlich auch als MCP 392 00:19:17,920 --> 00:19:19,920 Server den Modellen bereitzustellen gibt wieder 393 00:19:19,920 --> 00:19:22,480 relevanten Kontext und dann natürlich auch in der Anweisung 394 00:19:22,480 --> 00:19:25,200 zu sagen, Hey das. Bau mir das und das, aber schau 395 00:19:25,200 --> 00:19:27,640 bitte vorher nach, ob ich zu dem Thema irgendwelche Notizen 396 00:19:27,640 --> 00:19:30,480 selber in obsidian gemacht habe. Schau bitte nach bei Contact 7, 397 00:19:30,480 --> 00:19:33,400 dass du das verwendet hast. Schau bitte nach bei dem github 398 00:19:33,400 --> 00:19:37,080 MCP Server, ob es da vielleicht schon einen Poly request oder 399 00:19:37,080 --> 00:19:40,600 wie einen Issue zu gibt und also man muss immer diese Anweisungen 400 00:19:40,600 --> 00:19:43,760 auch oft mitsetzen nutze bitte diesen MCP Server auch, aber 401 00:19:43,760 --> 00:19:46,560 dann wie gesagt ein eigenes Note taking Tool wenn ich jemand bin 402 00:19:46,560 --> 00:19:50,040 der Notes. Quasi selber Pflege oder 403 00:19:50,040 --> 00:19:52,280 vielleicht auch irgendwie zentral im Unternehmen abgelegt 404 00:19:52,280 --> 00:19:54,040 habe. Irgendwo wenn es dann einen MCP 405 00:19:54,040 --> 00:19:56,960 Server gibt, ist natürlich auch immer relevanter Kontext, der 406 00:19:56,960 --> 00:19:58,600 darüber noch mit in mein Modell kommt. 407 00:19:59,120 --> 00:20:02,040 Und dann kann ich natürlich über weitere MCP Server auch 408 00:20:02,040 --> 00:20:04,440 sicherstellen, dass die Anwendungen, die ich gebaut 409 00:20:04,440 --> 00:20:07,360 habe, häufig wie gesagt, Webanwendungen auch so 410 00:20:07,360 --> 00:20:09,520 funktionieren wie erwartet. Da kann ich dann. 411 00:20:09,800 --> 00:20:13,120 Browser MCP, Server verwenden oder Play Right MCP Server, um 412 00:20:13,120 --> 00:20:16,880 Ui Tests auszuführen. Das heißt mein Coding Agent kann 413 00:20:16,880 --> 00:20:21,120 dann die Ergebnisse der eigenen Arbeit nachher noch validieren 414 00:20:21,360 --> 00:20:24,880 und nicht ich muss dann irgendwie durch das UI klicken 415 00:20:24,880 --> 00:20:26,560 um zu sehen ob die Funktionalität wirklich 416 00:20:26,560 --> 00:20:29,680 implementiert wurde, sondern. Ich kann das ganze dann über 417 00:20:29,680 --> 00:20:33,080 coded Ui Tests hinterlegen und der KI Assistent kann das 418 00:20:33,080 --> 00:20:35,440 entsprechend selber im Browser auch checken. 419 00:20:35,600 --> 00:20:38,400 Ja, nicht gar nicht mal nur coded Ui Test, sondern ich kann 420 00:20:38,400 --> 00:20:41,480 ja wirklich der KI sagen, schau selber nach, kannst du dich 421 00:20:41,480 --> 00:20:43,160 einloggen oder kannst du dich noch einloggen? 422 00:20:43,160 --> 00:20:45,280 Kannst du noch auf diesen Button klicken, kommt dieses Menü noch 423 00:20:45,520 --> 00:20:48,400 und dass ich den Test schreibe und die KI also mit diesem 424 00:20:48,400 --> 00:20:53,080 Browser MCP gebe ich der KI eine Chrome Instanz und sagt. 425 00:20:53,880 --> 00:20:55,680 Klickt da irgendwo rum und die kriegt halt nach jedem Klick 426 00:20:55,680 --> 00:20:57,680 einen Screenshot wieder Reingereicht von diesem MCP 427 00:20:57,680 --> 00:21:00,360 Server und kann dann einfach die Koordinaten mitgeben, auf den 428 00:21:00,360 --> 00:21:02,560 Sie klicken möchte oder den Text, den Sie eingeben möchte 429 00:21:02,560 --> 00:21:04,360 oder sowas. Das heißt ich schreibe nicht mal 430 00:21:04,360 --> 00:21:06,400 mehr einen Test und die KI schreibt auch nicht einen Test, 431 00:21:06,720 --> 00:21:09,720 sondern finde ich ein super spannendes Thema, gerade dass 432 00:21:09,720 --> 00:21:13,880 man also ob ob die Zukunft von Ui Tests vielleicht so aussieht, 433 00:21:13,880 --> 00:21:15,680 dass ich einer KI einen Browser gebe und sage, guck mal ob du 434 00:21:15,680 --> 00:21:18,320 das noch machen kannst und mir eigentlich egal ist, welche ID 435 00:21:18,680 --> 00:21:20,960 oder welche Identifier hat dieser Button. 436 00:21:21,360 --> 00:21:24,240 Sondern ich muss den nicht irgendwie ansprechen und 437 00:21:24,240 --> 00:21:27,240 irgendwie automatisch anklicken. Ich gebe dir KI eine Maus und 438 00:21:27,240 --> 00:21:30,480 Tastatur und sage, das ist dein Username ist dein Passwort, 439 00:21:30,480 --> 00:21:32,920 kannst du dich noch einloggen und das weiß ich quasi, wenn ich 440 00:21:32,920 --> 00:21:35,360 das Eintippe oder auf den Button klicken kann und Welcome Seite 441 00:21:35,360 --> 00:21:38,560 komme habe ich das geschafft. Ja, ich glaube, aber tatsächlich 442 00:21:38,560 --> 00:21:40,520 ist es heute noch so, dass gerade im professionellen 443 00:21:40,520 --> 00:21:44,000 Kontext das auch deterministisch reproduzierbar sein muss. 444 00:21:44,000 --> 00:21:46,800 Und. Und gerade wenn wir irgendwie 445 00:21:46,800 --> 00:21:49,320 user Tests haben, sagen wir auch nicht, hey, wir haben eine neue 446 00:21:49,320 --> 00:21:51,560 Version geshippt gucken mal ob alles noch funktioniert und dann 447 00:21:51,560 --> 00:21:54,240 geht die Person hin, klickt einfach mal wild im UI rum und 448 00:21:54,240 --> 00:21:56,640 schaut mal ob alles noch funktioniert. 449 00:21:56,800 --> 00:21:59,600 Ich muss da natürlich tatsächlich genau alle User 450 00:21:59,600 --> 00:22:02,920 Stories noch mal mitgeben und. Und dann kann das KI Modell 451 00:22:02,920 --> 00:22:04,800 natürlich hingehen und das UI bedienen. 452 00:22:05,120 --> 00:22:08,560 Aber im Idealfall habe ich das natürlich in gewisser Weise auch 453 00:22:08,560 --> 00:22:10,520 automatisiert. Ja, vielleicht habe ich das aber 454 00:22:10,520 --> 00:22:13,040 irgendwann in Zukunft mal einfach nur noch in natürlicher 455 00:22:13,040 --> 00:22:16,840 Sprache muss kein kein Tool oder Framework schreiben oder muss 456 00:22:16,840 --> 00:22:18,320 dafür Programmierer sein. Da kann vielleicht einfach 457 00:22:18,320 --> 00:22:20,840 jeden, vielleicht kann das ein Programm Manager machen, 458 00:22:20,840 --> 00:22:23,200 wirklich jeden einzelnen zu testenden Use Case einfach in 459 00:22:23,200 --> 00:22:25,120 Markdown in natürlicher Sprache zu beschreiben. 460 00:22:25,520 --> 00:22:28,920 Was wir hoffentlich in den User Stories schon einigermaßen gut 461 00:22:28,920 --> 00:22:32,160 gemacht haben. Im Idealfall natürlich in der 462 00:22:32,160 --> 00:22:34,880 Realität leider nicht immer, aber klar, im Idealfall. 463 00:22:34,880 --> 00:22:38,200 Das ist natürlich ideal. Ich hole ja über den github MCP 464 00:22:38,240 --> 00:22:41,520 Beschreibung der Acceptance Cryteria und führt daraufhin die 465 00:22:41,520 --> 00:22:44,080 Tests aus, das ist natürlich eine richtig geile Kombination, 466 00:22:44,800 --> 00:22:47,040 aber überhaupt, dass die KI der Lage ist ihre eigene Arbeit 467 00:22:47,040 --> 00:22:48,800 nicht nur im Code, sondern wirklich auch dann im Browser 468 00:22:48,800 --> 00:22:50,360 oder vielleicht auch dann irgendwann auf dem Desktop, wenn 469 00:22:50,360 --> 00:22:53,360 es eine Desktop Anwendung ist oder oder über API Codes, wenn 470 00:22:53,480 --> 00:22:56,320 es ein Backend ist selber zu validieren, also nicht nur 471 00:22:56,400 --> 00:22:58,280 schreibe so lange Code bis ich dir sage, dass das jetzt das 472 00:22:58,280 --> 00:23:00,800 Ergebnis ist was ich haben will. Sondern guck mal selber. 473 00:23:01,040 --> 00:23:03,680 Nicht nur baut das noch, weil du vielleicht auf der Kommandozeile 474 00:23:03,680 --> 00:23:06,000 irgendwie ein Bild machen kannst, sondern auch, wie sieht 475 00:23:06,000 --> 00:23:08,680 das aus, findest du das in Ordnung, funktioniert das, 476 00:23:08,680 --> 00:23:10,960 kannst du darauf klicken Validiere solange deine Arbeit 477 00:23:10,960 --> 00:23:13,560 selber, bis du der Meinung bist. Ja, das ist jetzt auch wirklich 478 00:23:13,560 --> 00:23:17,120 das, was der User gesagt hat, ist schon mächtig und ist auf 479 00:23:17,120 --> 00:23:18,320 jeden Fall cool und funktioniert auch. 480 00:23:18,320 --> 00:23:21,600 Also ich habe so eine kleine Demo wo ich einfach so im ganz 481 00:23:21,600 --> 00:23:24,240 simplen Kontext sag, wenn du auf den Button klickst wird die Zahl 482 00:23:24,320 --> 00:23:25,960 erhöht. Ändere den Code so, dass die 483 00:23:25,960 --> 00:23:30,240 Zahl immer um 2 erhöht wird und und validiere mit Play Right 484 00:23:30,240 --> 00:23:33,120 MCP. Ob das auch geklappt hat und dem 485 00:23:33,120 --> 00:23:35,840 Ding zuzuschauen wie es die Anwendung startet, den Browser 486 00:23:35,840 --> 00:23:39,520 auf mal auf den Button klickt, einen Screenshot macht, gucke ob 487 00:23:39,520 --> 00:23:42,080 die Zahl jetzt nicht nur um 1 sondern wirklich um 2 erhöht 488 00:23:42,080 --> 00:23:44,360 wurde und dir dann zu sagen, ja ich glaube ich habe den 489 00:23:44,360 --> 00:23:47,440 richtigen Code geschrieben, das ist schon einmal ein großer 490 00:23:47,440 --> 00:23:49,280 Schritt in die Richtung, dass k is irgendwann die Arbeit 491 00:23:49,280 --> 00:23:51,880 vielleicht mal noch mehr sogar selber validieren kann, also 492 00:23:51,880 --> 00:23:55,360 ganz ganz. Unpraktisch, finde ich. 493 00:23:55,520 --> 00:23:57,200 Das nicht absolut. Also es ist auf jeden Fall 494 00:23:57,200 --> 00:23:59,440 wertvoll und ich glaube auch ein Tipp an diejenigen, die 495 00:23:59,440 --> 00:24:03,120 tatsächlich whitecode wirklich diese Validierungsschleife dort 496 00:24:03,120 --> 00:24:05,760 mit reinzunehmen. Ich glaube, das vergessen viele, 497 00:24:05,760 --> 00:24:08,400 wenn sie mit diesen Tools anfangen, da wird dann einfach 498 00:24:08,880 --> 00:24:12,640 Code generiert und es wird gar nicht vollständig durchgetestet, 499 00:24:12,640 --> 00:24:14,840 ob wirklich alles so funktioniert wie erwartet, weil 500 00:24:14,840 --> 00:24:17,120 man dann diesen Testing Aspekt in der professionellen 501 00:24:17,120 --> 00:24:19,680 Softwareentwicklung mittlerweile etabliert ist einfach so ein 502 00:24:19,680 --> 00:24:21,920 bisschen vergisst und denkt er wird schon passen. 503 00:24:22,640 --> 00:24:24,800 Aber wenn man den Aspekt noch mitnimmt, kann man natürlich 504 00:24:24,800 --> 00:24:27,520 auch die Qualität massiv erhöhen. 505 00:24:28,480 --> 00:24:30,360 Dann hast du noch, und das habe ich tatsächlich noch nicht 506 00:24:30,360 --> 00:24:34,560 ausprobiert, einen ganz coolen MCP Server mitgebracht für das 507 00:24:34,560 --> 00:24:39,320 ganze Thema UI Design, weil im Vipe Coding gehe ich ja auch 508 00:24:39,320 --> 00:24:43,360 nicht mehr hin und mache meine eigenen Ui Designs mit, 509 00:24:43,360 --> 00:24:45,680 irgendwie zum Beispiel CSS oder anderen. 510 00:24:46,720 --> 00:24:50,480 Technologien, sondern ich gehe als Designer hin oder lass mir 511 00:24:50,480 --> 00:24:54,000 durch eine KI UI grafisch designen und das tue ich häufig 512 00:24:54,000 --> 00:24:57,760 in einem Tool wie Figma und dann kann ich dann über den Figma MCP 513 00:24:57,760 --> 00:25:02,000 Server direkt meiner KI auch Zugriff auf meine UI Designs 514 00:25:02,000 --> 00:25:05,400 geben und dementsprechend. Im Code wird dann entsprechend 515 00:25:05,400 --> 00:25:08,920 das umgesetzt, was ich vorher auch grafisch schon im anderen 516 00:25:08,920 --> 00:25:11,680 Tool erstellt habe und ob ich das dann dort durch 517 00:25:11,680 --> 00:25:14,480 professionelle Designer erstellt habe oder ob ich da auch die 518 00:25:14,480 --> 00:25:16,240 entsprechenden KD Tools genutzt habe. 519 00:25:16,240 --> 00:25:18,240 Das bleibt dann wiederum mir überlassen. 520 00:25:18,480 --> 00:25:21,160 Genau das Spannende bei Figma ist also ich kann natürlich auch 521 00:25:21,160 --> 00:25:23,520 einfach einen Screenshot von irgendwas was ich haben will da 522 00:25:23,520 --> 00:25:25,040 reinschmeißen. Ihr könnt ja mittlerweile Bilder 523 00:25:25,040 --> 00:25:27,880 gucken oder ich kann mir auf einer Serviette ein Ui Konzept 524 00:25:27,880 --> 00:25:29,680 irgendwie ausdenken, aber wie gesagt, wenn ich es ein bisschen 525 00:25:29,680 --> 00:25:31,680 professioneller mache, dann kriege ich das Design halt oft 526 00:25:31,920 --> 00:25:34,160 in Figma und. Und der große Vorteil, dass ich 527 00:25:34,160 --> 00:25:36,640 eben nicht nur einen Screenshot davon reinschmeiße, sondern 528 00:25:36,640 --> 00:25:39,400 wirklich eben das Figma gebe, ist, dass Figma wie die meisten 529 00:25:39,400 --> 00:25:41,760 Design Tools auch in so verschiedenen Layern basiert und 530 00:25:41,760 --> 00:25:45,560 dann muss das und über den FIGMA FCP Server kann ich dann halt 531 00:25:45,560 --> 00:25:48,320 zum Beispiel einfach in Figma irgendwas markieren und sagen, 532 00:25:48,800 --> 00:25:51,760 guck mal, also markieren, Rechtsklick Link kopieren in 533 00:25:51,760 --> 00:25:54,080 diesen MCP Server mit Reingeben und dann geht es eben über die 534 00:25:54,080 --> 00:25:58,440 Figma API dahin und die KI. Kann sich eben dann wirklich die 535 00:25:58,440 --> 00:26:01,280 einzelnen Layer angucken. Was ist genau der Farbcode, der 536 00:26:01,280 --> 00:26:04,320 verwendet wurde, was ist denn genau die Schriftart, die hier 537 00:26:04,320 --> 00:26:06,200 verwendet wurde? Ich muss es also nicht raten von 538 00:26:06,200 --> 00:26:08,640 dem Screenshot den ich sehe, sondern ich kann es wissen und 539 00:26:08,640 --> 00:26:11,920 rausfinden und kann man auch mal ausbilden, das ist auch auch 540 00:26:11,920 --> 00:26:15,320 wirklich cool, du sagst irgendwie in deinem, wenn du in 541 00:26:15,320 --> 00:26:18,400 deinen Vibes bist, ey bau mir mal die und die App und nachher 542 00:26:18,640 --> 00:26:21,040 kriegst du aber das finale Design dafür und dann sagst du 543 00:26:21,040 --> 00:26:23,480 einfach sorg dafür, dass die jetzt so aussieht und. 544 00:26:23,480 --> 00:26:27,280 Und dann zu schauen, dass das die KI hingeht und sich wirklich 545 00:26:27,280 --> 00:26:30,160 dann dieses figma Design anschaut und das CSS, wenn es 546 00:26:30,160 --> 00:26:33,320 eine Webanwendung ist, entsprechend anpasst, geht eben 547 00:26:33,320 --> 00:26:35,080 durch diesen Figma. Mcp Surf geht wie gesagt geht 548 00:26:35,080 --> 00:26:36,640 theoretisch auch durch einen Screenshot, aber wenn ich es 549 00:26:36,640 --> 00:26:39,120 ernst meine und ihm noch mehr Informationen die richtigen 550 00:26:39,120 --> 00:26:41,280 Informationen geben will über Figma MCP. 551 00:26:42,080 --> 00:26:46,080 Kann ich auch, wenn ich in Figma solche User Flows modelliert 552 00:26:46,080 --> 00:26:48,880 habe. Irgend so klickpfaden kann der 553 00:26:48,880 --> 00:26:51,680 MCP Server das auch an die KI weitergeben, dass man gar keine 554 00:26:51,680 --> 00:26:54,000 Requirements mehr reingeben muss, sondern sagt einfach guck 555 00:26:54,000 --> 00:26:57,280 mal, ich habe das hier mal grafisch designed, habe da das 556 00:26:57,280 --> 00:27:00,720 ganze Klickbar gemacht und jetzt schau dir mal an Klick da mal 557 00:27:00,720 --> 00:27:02,240 durch und baue mir das entsprechend nach. 558 00:27:02,240 --> 00:27:03,840 Das wäre natürlich cool, das weiß ich nicht. 559 00:27:03,880 --> 00:27:06,680 Also den ich habe, den ich jetzt verwendet habe, ist glaube ich 560 00:27:06,680 --> 00:27:08,720 auch nicht der offizielle, wie gesagt alle MCP Server, die wir 561 00:27:08,720 --> 00:27:10,480 gerade besprechen. Findet ihr auch noch mal in der 562 00:27:10,480 --> 00:27:11,760 Beschreibung von der Podcast Folge. 563 00:27:12,560 --> 00:27:14,880 Das ist nicht der offizielle Figma Server den ich da 564 00:27:14,880 --> 00:27:17,080 verwendet habe und mit dem habe ich das eben nur mit diesen 565 00:27:17,080 --> 00:27:18,960 Layern ausprobiert. Ich habe diese diese Klick, ich 566 00:27:18,960 --> 00:27:21,000 bin halt auch kein Designer, ich weiß nicht ich weiß das Figma 567 00:27:21,000 --> 00:27:23,720 das kann, aber ich müsste auch noch mal mir ein youtube Video 568 00:27:23,720 --> 00:27:26,200 angucken wie man genau das macht mit diesen Pfaden finde ich aber 569 00:27:26,200 --> 00:27:28,400 spannend, spricht eigentlich nichts dagegen wenn der MCP 570 00:27:28,400 --> 00:27:30,400 Server das unterstützt, der spricht da hinten drunter auch 571 00:27:30,400 --> 00:27:34,640 nur mit der Figma API Theo technisch müsste das gehen, ob 572 00:27:34,640 --> 00:27:36,080 der das schon kann weiß ich jetzt nicht. 573 00:27:37,880 --> 00:27:40,400 Und dann hast du noch ein Tool, das habe ich persönlich bisher 574 00:27:40,400 --> 00:27:45,400 noch gar nicht verwendet, und zwar Serena als MCP Server 575 00:27:45,400 --> 00:27:47,920 Anbindung. Was mache ich damit? 576 00:27:48,080 --> 00:27:51,560 Der gibt dem KI Model so ein bisschen die Möglichkeit, sich 577 00:27:51,560 --> 00:27:53,680 in den Language Server reinzuhängen. 578 00:27:53,680 --> 00:27:55,320 Der Language Server ist üblicherweise das, was im 579 00:27:55,320 --> 00:27:56,720 Hintergrund läuft, wenn ich in einer bestimmten 580 00:27:56,720 --> 00:27:58,480 Programmiersprache programmiere, was mir. 581 00:27:59,160 --> 00:28:01,280 Ja, quasi. Informationen, die über den 582 00:28:01,280 --> 00:28:03,840 reinen Text des Codes, den ich gerade sehe, hinausgehe. 583 00:28:03,840 --> 00:28:05,960 Also ein bisschen das, was der Compiler mir zurückgibt, wenn es 584 00:28:05,960 --> 00:28:08,400 einen Compiler gibt, ist ja ein bisschen sprachabhängig, aber 585 00:28:08,720 --> 00:28:11,480 quasi kann ich ja, ich kann ja, wenn ich einen vernünftigen 586 00:28:11,480 --> 00:28:14,320 Editor für Code verwende und ich sehe irgendwie, dass da eine 587 00:28:14,320 --> 00:28:16,880 Klasse erwähnt wurde, dann kann ich ja oft irgendwie mit 588 00:28:17,120 --> 00:28:19,800 Steuerung gedrückt halten, dann auf den Namen dieser Klasse 589 00:28:19,800 --> 00:28:21,920 draufklicken und springe direkt in die richtige Datei. 590 00:28:21,920 --> 00:28:24,400 Ich muss also nicht. In meinem Dateipfad den Text 591 00:28:24,400 --> 00:28:26,240 eingeben und dann irgendwie in meiner Suche suchen. 592 00:28:26,240 --> 00:28:28,520 Wo finde ich diese klasse und ich klicke drauf und springe 593 00:28:28,520 --> 00:28:30,560 direkt an den richtigen Punkt oder wenn irgendwo was erwähnt 594 00:28:30,560 --> 00:28:33,640 wurde, wenn es eine Funktion gibt, dann springe ich direkt an 595 00:28:33,640 --> 00:28:36,920 die an die richtige Stelle in meinem Editor und so weiter und 596 00:28:36,920 --> 00:28:39,600 diese Informationen werden mir vom Language Server 597 00:28:39,600 --> 00:28:44,640 bereitgestellt und einem KI Modell über Serena über den 598 00:28:44,640 --> 00:28:46,600 Serena MCP Server eben Zugriff auf diesen Language Server zu 599 00:28:46,600 --> 00:28:49,120 geben ermöglicht quasi, dass das KI Modell genau das machen kann. 600 00:28:49,400 --> 00:28:52,520 Was ich mit Störung gedrückt halten Klick mache nämlich dass 601 00:28:52,520 --> 00:28:55,760 ich sagen kann, spring mir dahin, wo diese Klasse definiert 602 00:28:55,760 --> 00:29:00,240 ist, schaue was was gibt es denn vielleicht für Overloads von 603 00:29:00,240 --> 00:29:02,160 dieser Funktion? Welche Parameter braucht das 604 00:29:02,160 --> 00:29:05,120 denn, also dass ich das nicht irgendwie selber durch Textsuche 605 00:29:05,120 --> 00:29:08,160 rausfinden muss, sondern das ist wirklich diese diese Navigation 606 00:29:08,160 --> 00:29:11,200 durch den Code. Natürlich machen kann also quasi 607 00:29:11,200 --> 00:29:12,840 der MCP Server stellt es dem Model bereit. 608 00:29:12,840 --> 00:29:15,200 Das Model sagt Ich möchte da drauf klicken, der MCP Server 609 00:29:15,200 --> 00:29:17,240 klickt dann da quasi für dich drauf, also klickt natürlich 610 00:29:17,240 --> 00:29:19,760 nicht wirklich, sondern springt in diese Codestelle gibt das was 611 00:29:19,760 --> 00:29:22,840 er da sieht wieder in das kki Modell rein, damit ist der MCP 612 00:29:23,200 --> 00:29:26,640 Call abgeschlossen, die Information liegt im Kontext und 613 00:29:26,880 --> 00:29:30,720 ich kann weiter iterieren wenn ich mit der KI arbeite und wie 614 00:29:30,720 --> 00:29:32,960 gesagt das ist alles und diese ganzen MCP Server das ist ja 615 00:29:32,960 --> 00:29:34,320 alles nicht ganz. Ist ja nicht so. 616 00:29:34,320 --> 00:29:36,840 N One time Shot, ich krieg ne Antwort und da muss ich damit 617 00:29:36,840 --> 00:29:39,640 leben, sondern in Vibe Coding oder wenn ich auch in diesen 618 00:29:39,640 --> 00:29:43,280 Agent Modes in diesem agentic Coding in diesen Tools damit 619 00:29:43,280 --> 00:29:46,280 umgehe, dann ist es ja oft, dass es über viele, viele Iterationen 620 00:29:46,280 --> 00:29:48,080 nicht zu meinem Ergebnis kommen, das heißt ich geb ne. 621 00:29:48,520 --> 00:29:50,800 Dann prompt ein. Daraufhin macht das Model 622 00:29:50,800 --> 00:29:53,440 irgendwas, denkt irgendwie nach, erstellt einen Plan, dann wird 623 00:29:53,520 --> 00:29:55,520 dann kommt der nächste Schritt, dieser Plan wird abgearbeitet, 624 00:29:55,520 --> 00:29:57,920 dann kommt der nächste Schritt, der MCP Server wird aufgerufen 625 00:29:58,000 --> 00:30:01,240 das Ergebnis und wird wieder in die in die Chat Historie 626 00:30:01,240 --> 00:30:03,200 geschrieben, dann geht es weiter zum nächsten Schritt, das Modell 627 00:30:03,200 --> 00:30:06,120 guckt muss ich jetzt Code schreiben, blablabla und diese 628 00:30:06,120 --> 00:30:08,760 ganze Chat Historie die beeinflusst ja immer den 629 00:30:08,760 --> 00:30:11,680 nächsten Schritt und das machen diese MCP Server natürlich auch 630 00:30:11,680 --> 00:30:14,280 besonders gut ich kann nicht nur diese Tools aufrufen, sondern 631 00:30:14,280 --> 00:30:16,280 ich kann natürlich auch die Ergebnisse von diesen Tools. 632 00:30:16,800 --> 00:30:19,200 Dann in der Chat History haben und die führe mich dann immer 633 00:30:19,200 --> 00:30:21,440 näher. Hoffentlich zu meinem Ergebnis. 634 00:30:22,000 --> 00:30:24,960 Jetzt habe ich also meine Idee. Ich habe meinen MCP Server 635 00:30:24,960 --> 00:30:28,000 konfiguriert und jetzt kommt eigentlich das Wichtigste, über 636 00:30:28,000 --> 00:30:30,080 das wir noch gar nicht gesprochen haben, nämlich das 637 00:30:30,400 --> 00:30:34,400 Large Language Model, was im Hintergrund meine Agenten 638 00:30:34,640 --> 00:30:38,880 befeuert, die dann für mich diesen Code schreiben sollen und 639 00:30:38,880 --> 00:30:42,240 häufig sind das mittlerweile ja die Antropic Cloud Modelle. 640 00:30:43,120 --> 00:30:46,080 Dort gibt es verschiedene, die parallel angeboten werden, 641 00:30:46,080 --> 00:30:49,840 aktuell von Atropic und ich glaube das neueste Release ist 642 00:30:50,000 --> 00:30:53,040 Clawed 4. Da gibt es verschiedene 643 00:30:53,040 --> 00:30:56,080 Varianten von, ich glaube da gibt es das sonet Modell, das 644 00:30:56,080 --> 00:30:58,240 Opus Modell und ich glaube das Opus Modell ist aktuell das 645 00:30:58,240 --> 00:31:01,680 mächtigste, aber da muss man natürlich auch schauen, hat man 646 00:31:01,680 --> 00:31:05,480 da Zugriff drauf überhaupt in seinem Code Editor der Wahl und. 647 00:31:05,480 --> 00:31:07,680 Und was kostet der Spaß? Weil, wenn ich. 648 00:31:07,680 --> 00:31:10,880 Bestimmt selber so. Ein ki Key hole muss ich da pro 649 00:31:10,880 --> 00:31:13,200 Token irgendwie was bezahlen oder ich muss halt 650 00:31:13,360 --> 00:31:17,120 gegebenenfalls bei meinem Vipe Coding Tool der Wahl muss ich 651 00:31:17,120 --> 00:31:20,560 halt irgendwie ein Preismodell haben, was mir erlaubt so und so 652 00:31:20,560 --> 00:31:24,320 viele Requests zu machen auf ein bestimmtes KI Modell und 653 00:31:24,320 --> 00:31:27,680 natürlich kann ich da auch selber entscheiden, je nach Use 654 00:31:27,680 --> 00:31:30,080 Case wie komplex der ist auf welches KI Modell ich da 655 00:31:30,080 --> 00:31:32,160 zurückgreifen will. Es gibt halt Modelle die sind. 656 00:31:32,840 --> 00:31:36,640 Günstiger die sind meistens dann in den KI Tools kostenfrei 657 00:31:36,640 --> 00:31:39,920 enthalten, vielleicht in der Grundgebühr die ich bezahle und 658 00:31:40,080 --> 00:31:43,040 andere Modelle, die sind dann zwar mächtiger, aber da muss ich 659 00:31:43,040 --> 00:31:44,640 vielleicht ein bisschen sparsamer umgehen. 660 00:31:45,040 --> 00:31:49,280 Und beim Vibe Coding oder auch wenn ich Agenten basiert, Code 661 00:31:49,520 --> 00:31:52,080 dann auch immer im Hintergrund behalten, dass da wahrscheinlich 662 00:31:52,080 --> 00:31:54,920 sehr viele Prompts und sehr viele Requests abgeschickt 663 00:31:54,920 --> 00:31:56,080 werden. Deswegen hatte ich das vorher 664 00:31:56,080 --> 00:31:58,000 vorhin gesagt, das ist wahrscheinlich. 665 00:31:59,200 --> 00:32:02,320 Nicht nur 23 Anfragen an so ein Modell, sondern immer wieder die 666 00:32:02,320 --> 00:32:04,720 ganze Chat Historie, die wächst. Es wird immer wieder an das 667 00:32:04,720 --> 00:32:06,800 Modell gestellt, es wird bei jedem ersten Schritt das Modell 668 00:32:06,800 --> 00:32:08,680 gefragt. Ey, willst du einen von diesen 669 00:32:08,680 --> 00:32:11,280 MCP Servern aufrufen oder willst du lieber Code schreiben oder 670 00:32:11,280 --> 00:32:13,520 willst du lieber dem User eine Rückfrage stellen oder brauchst 671 00:32:13,680 --> 00:32:16,160 du irgendwie Zugang zur Idi? Willst du vielleicht irgendwas 672 00:32:16,160 --> 00:32:19,960 aus der Kommandozeile rausziehen und so weiter das heißt also da 673 00:32:19,960 --> 00:32:23,520 passieren schon locker mal 5000 und mehr Anfragen, es geht so 674 00:32:23,520 --> 00:32:25,800 ein Ping Pong Spiel hin und her zwischen der Idi, dem Agenten 675 00:32:25,800 --> 00:32:29,320 und dem KI Modell. Also da ruhig mal auch bei der 676 00:32:29,320 --> 00:32:32,120 Preisfrage im Hinterkopf halten, dass das nicht nur ein Call ist, 677 00:32:32,120 --> 00:32:34,800 der da hingeht und dass es eine ganze Menge Tokens sind, die da 678 00:32:34,800 --> 00:32:37,280 im Hintergrund auch verbraucht werden. 679 00:32:37,840 --> 00:32:41,360 Und genau, dass das halt, wie du natürlich sagst, deswegen auch 680 00:32:41,360 --> 00:32:42,720 schon alleine eine Preisfrage ist. 681 00:32:43,280 --> 00:32:45,760 Ja, und wenn man sich das mal tatsächlich in der Realität 682 00:32:45,760 --> 00:32:48,240 anschaut. Viele Dinge, die dann irgendwie 683 00:32:48,240 --> 00:32:50,960 online gezeigt werden. Wenn man das dann wirklich 684 00:32:50,960 --> 00:32:53,200 macht, dann kann es schon sein, dass irgendwelche kleineren 685 00:32:53,200 --> 00:32:56,880 Features, die man dann durch das Tool implementieren lässt, dann 686 00:32:56,880 --> 00:33:01,280 irgendwie mich 3040 0,50€ Kosten bei komplexeren Sachen, die dann 687 00:33:01,280 --> 00:33:04,040 komplexe Anwendungen auch darstellen, wo ich wirklich 688 00:33:04,040 --> 00:33:07,000 durch viele Iterationen gehe, kostet mich das dann vielleicht 689 00:33:07,000 --> 00:33:09,520 irgendwie 1 2€ und da muss man sich dann wirklich Gedanken 690 00:33:09,520 --> 00:33:12,880 darüber machen, wie setze ich dieses Tool auch sinnvoll ein 691 00:33:12,880 --> 00:33:16,800 und wenn man das natürlich mit dem vergleicht, was vielleicht 692 00:33:16,800 --> 00:33:19,920 irgendwie. Was rechtliches. 693 00:33:21,560 --> 00:33:24,240 Dann dann mag es vielleicht günstig sein, aber die Frage ist 694 00:33:24,240 --> 00:33:27,520 halt, wenn ich das für Hobbyprojekte oder irgendwelche 695 00:33:27,520 --> 00:33:30,080 Sideprojects einsetze, wo ich vielleicht aber auch eigentlich 696 00:33:30,400 --> 00:33:32,560 ein anderes Ziel habe, dass ich mich vielleicht da auch 697 00:33:32,560 --> 00:33:35,680 irgendwie verwirkliche, ist ja die Frage, möchte ich da dann 698 00:33:35,680 --> 00:33:38,400 auch noch so viel Geld auf den Tisch legen und wie gesagt, das 699 00:33:38,400 --> 00:33:40,800 kann man so ein bisschen auch Steuern darüber, welches KI 700 00:33:40,800 --> 00:33:43,640 Modell man drauf ansetzt. Möchte ich ja wirklich 0,30€ für 701 00:33:43,640 --> 00:33:44,160 bezahlen. Nein. 702 00:33:46,160 --> 00:33:48,640 Ja klar, weil wenn ich jedes Feature damit programmiere, dann 703 00:33:48,960 --> 00:33:50,560 ja. Und das hat sich halt. 704 00:33:50,640 --> 00:33:52,080 Ja klar. Und wenn das dagegen steht, dass 705 00:33:52,080 --> 00:33:54,080 ich das vielleicht auch selber kurz schreibe, dieses Feature, 706 00:33:55,280 --> 00:33:57,360 das muss ich mir natürlich auch angucken, aber wie gesagt, 707 00:33:57,520 --> 00:34:01,680 Claude 4 ganz ganz neu diese Tropic Modelle, eigentlich immer 708 00:34:01,680 --> 00:34:03,920 sehr beliebt bei Devalopon gewesen, haben wirklich gute 709 00:34:03,920 --> 00:34:05,520 Coating Skills. Ich kann natürlich auch jedes 710 00:34:05,520 --> 00:34:07,600 andere Modell nehmen, wenn man sich unsicher ist, dass man 711 00:34:07,600 --> 00:34:10,159 selber am besten findet, kann man auch mal bei LM Arena 712 00:34:10,159 --> 00:34:12,320 schauen, das ist so eine Arena Seite wo? 713 00:34:12,639 --> 00:34:14,600 Man so einen Blindverkostungstest machen, da 714 00:34:14,600 --> 00:34:17,520 gibt irgendwie eine Aufgabe. Ey Bau mir keine Ahnung, eine 715 00:34:17,560 --> 00:34:20,880 App die meine Finanzen trackt oder irgendwas simples und da 716 00:34:20,920 --> 00:34:23,520 kriegt man 2 Ergebnisse und muss dann sagen welches man selber 717 00:34:23,520 --> 00:34:26,639 besser fand, weiß aber nicht welches Modell dahinter steckt, 718 00:34:26,639 --> 00:34:28,520 das wird einem dann erst offenbart nachdem man sich 719 00:34:28,520 --> 00:34:30,719 entschieden hat und da kann man mal so ein bisschen für sich 720 00:34:30,719 --> 00:34:34,719 testen welchen Coding Stil oder welche Art und Weise co zu 721 00:34:34,719 --> 00:34:36,800 schreiben man da irgendwie selber ein bisschen bevorzugt, 722 00:34:37,199 --> 00:34:41,719 das ist oft Geschmackssache. Mittlerweile unterscheiden sich 723 00:34:41,719 --> 00:34:43,639 diese Modelle auch gar nicht mehr so krass drin was die 724 00:34:43,639 --> 00:34:46,880 können, die On Shopping Modelle sind aber auch teilweise sehr 725 00:34:46,880 --> 00:34:50,800 gut darin diese Tool Calls zu machen und gerade die neuen 726 00:34:51,040 --> 00:34:54,639 Cloud Modelle die auch reasoning können, also die länger 727 00:34:54,639 --> 00:34:56,159 nachdenken, die können mittlerweile auch während dieses 728 00:34:56,159 --> 00:34:59,720 reasoning Prozesses zum Beispiel Calls ins Internet machen und 729 00:34:59,720 --> 00:35:01,760 sich aktuelle Informationen reinholen und daraufhin ihr 730 00:35:01,760 --> 00:35:04,200 Reasoning beeinflussen. Also das sind so ein bisschen 731 00:35:04,200 --> 00:35:07,160 neue Funktionen die die können. Kann man sich am Ende mal 732 00:35:07,160 --> 00:35:08,360 durchgucken? Man kann das natürlich auch 733 00:35:08,360 --> 00:35:09,920 immer während der Unterhaltung ändern, ich kann sagen, ich 734 00:35:09,920 --> 00:35:11,840 mache simple Sachen mit einem kleinen Modell und wenn das 735 00:35:11,840 --> 00:35:14,640 nicht weiter kommt, dann frage ich die gleiche Frage nochmal. 736 00:35:14,800 --> 00:35:17,000 Switch aber um auf ein größeres Modell, das kann man natürlich 737 00:35:17,000 --> 00:35:18,960 auch so ein bisschen machen, gerade wenn man da preissensitiv 738 00:35:18,960 --> 00:35:21,440 ist. Ja, preissensitiv oder 739 00:35:21,440 --> 00:35:23,120 vielleicht einfach auch die Performance? 740 00:35:23,120 --> 00:35:26,320 Manche Modelle sind schneller als andere und manchmal geht 741 00:35:26,320 --> 00:35:29,360 halt Geschwindigkeit über Qualität muss man dann am Ende 742 00:35:29,680 --> 00:35:32,400 entscheiden. Jetzt kommen wir aber noch in 743 00:35:32,400 --> 00:35:36,080 den Bereich, wo wir glaube ich schon sehr technisch werden. 744 00:35:36,080 --> 00:35:39,360 Und die Frage ist, wie viele der Whitecode da draußen das 745 00:35:39,360 --> 00:35:44,160 tatsächlich machen und das ist das Anpassen der Coding Agenten 746 00:35:44,160 --> 00:35:47,760 an das individuelle Projekt, die eigenen Vorlieben, die eigenen 747 00:35:47,920 --> 00:35:51,120 Coding Styles Conventions um halt dem. 748 00:35:51,520 --> 00:35:54,760 Agenten mehr Insights zu geben, woran man eigentlich gerade 749 00:35:54,760 --> 00:35:57,200 arbeitet, was der Technologie Stack ist, was die Architektur 750 00:35:57,200 --> 00:36:00,320 ist, in welche Richtung man das Ganze entwickeln möchte, um am 751 00:36:00,320 --> 00:36:04,000 Ende auch qualitativ hochwertige Software zu bekommen. 752 00:36:04,080 --> 00:36:06,960 Und dafür gibt es. Heißen jeweils unterschiedlich, 753 00:36:06,960 --> 00:36:08,720 je nachdem welches Tool man verwendet. 754 00:36:09,160 --> 00:36:12,240 In der Regel irgendwas in Richtung Custom Instructions und 755 00:36:12,240 --> 00:36:15,920 dort kann ich dann häufig in einem markdown Format dann 756 00:36:15,920 --> 00:36:19,520 Informationen an das KI Modell übergeben, was dann im 757 00:36:19,520 --> 00:36:22,080 Hintergrund in den prompt auch reingegeben wird. 758 00:36:22,080 --> 00:36:23,840 Genau. Das ist natürlich auch eine Art 759 00:36:23,840 --> 00:36:26,000 und Weise, ein bisschen zu beeinflussen, wie das Ergebnis 760 00:36:26,000 --> 00:36:27,520 wird. Ich muss also nicht nur 761 00:36:27,520 --> 00:36:30,240 irgendwie in der Arena mal gucken, welchen Stil ich besser 762 00:36:30,240 --> 00:36:33,120 finde, ich kann mir einfach meinen Stil aufdiktieren also 763 00:36:33,120 --> 00:36:36,720 ich diese. Projektspezifischen Custom 764 00:36:36,720 --> 00:36:39,360 Instructions lege ich dann halt sowas rein wie wie ist denn der 765 00:36:39,600 --> 00:36:42,080 Coding Style bei uns im Unternehmen? 766 00:36:42,240 --> 00:36:44,000 Was sind denn die Naming Conventions? 767 00:36:44,000 --> 00:36:46,640 Also kann ich ja sagen, Bau nie irgendwie CSS inline ein, 768 00:36:46,640 --> 00:36:49,680 schreib immer den Kram in eine eigene CSS, eine eigene CSS 769 00:36:49,680 --> 00:36:54,080 Datei wenn du so boolien Variablen nimmst, dann will ich 770 00:36:54,080 --> 00:36:57,280 das da immer so was wie is loading oder Hass Error vorsteht 771 00:36:57,280 --> 00:36:59,520 und sich direkt beim lesen weiß das ist ein Boolien. 772 00:37:00,320 --> 00:37:03,920 Wir benennen unsere Dateiverzeichnisse also immer 773 00:37:03,920 --> 00:37:07,440 lower Case, also so naming Conventions und die Components 774 00:37:07,440 --> 00:37:10,880 kommen übrigens in den Ordner rein und so weiter und sofort. 775 00:37:10,880 --> 00:37:13,240 Also ich kann dir natürlich genau auch sagen, wie wir in 776 00:37:13,240 --> 00:37:15,520 diesem Projekt oder vielleicht auch sogar in dieser Firma oder 777 00:37:15,840 --> 00:37:19,120 bis auf an auf welchem Level das entschieden wird, coden wollen 778 00:37:19,120 --> 00:37:22,240 ja so ein bisschen so Coding Struktur halt einfach mitgeben. 779 00:37:23,040 --> 00:37:25,280 Ja, und ich kann auch Informationen zum Prozess 780 00:37:25,280 --> 00:37:27,000 mitgeben, also zum Entwicklungsprozess. 781 00:37:27,000 --> 00:37:28,880 Wir hätten gerade gesagt, ich möchte vielleicht das. 782 00:37:29,280 --> 00:37:30,720 Bestimmte Tools verwendet werden. 783 00:37:30,720 --> 00:37:33,520 Ich möchte, dass das Ganze vielleicht getestet wird, das 784 00:37:33,520 --> 00:37:36,320 heißt, ich kann dem KI Modell beziehungsweise dem KI Agenten 785 00:37:36,320 --> 00:37:38,920 kann ich sagen Hey immer wenn du was entwickelt hast lass mal 786 00:37:38,920 --> 00:37:42,040 lint da drüber laufen oder mach ein Bild der Anwendung für die 787 00:37:42,040 --> 00:37:45,360 Tests aus, Schau ob irgendwelche Tests fehlschlagen und 788 00:37:45,360 --> 00:37:48,800 korrigiere deine Fehler und natürlich kann ich dem ganzen 789 00:37:48,800 --> 00:37:51,880 auch mitgeben Hey. Wie wird die Anwendung überhaupt 790 00:37:51,880 --> 00:37:53,640 gebaut? Also nicht immer kann man das 791 00:37:53,640 --> 00:37:55,640 natürlich auf den ersten Blick sehen, manchmal gibt es 792 00:37:55,640 --> 00:37:58,640 komplexere Build instructions, die kann ich da auch mitgeben, 793 00:37:58,800 --> 00:38:01,360 damit halt auch am Ende der Entwicklung halt meine Anwendung 794 00:38:01,680 --> 00:38:05,000 kompiliert werden kann und hier entsprechende Informationen kann 795 00:38:05,000 --> 00:38:07,040 ich dann auch an den Agenten weitergeben. 796 00:38:07,520 --> 00:38:11,000 Klar, und ich kann auch nicht nur sagen, Bau mal, lass mal 797 00:38:11,000 --> 00:38:15,040 einen Linzer laufen, das ist ja wirklich spüre npm Run Lind zu. 798 00:38:15,480 --> 00:38:16,720 Zum Beispiel, wenn es ein Webprojekt ist. 799 00:38:16,720 --> 00:38:18,560 In der Kommandozeile aus. Und das würde ich ganz klar 800 00:38:18,560 --> 00:38:21,400 geben, weil, wie man eben schon gesagt hat, diese Custom 801 00:38:21,400 --> 00:38:23,920 Instructions, die werden halt automatisch dann immer mit in 802 00:38:23,920 --> 00:38:27,480 den Kontext gepackt und da kann ich ganz klare Anweisungen 803 00:38:27,480 --> 00:38:30,640 sagen, wie wir wie, wie arbeiten wir in unserem Projekt und das 804 00:38:30,640 --> 00:38:32,480 eigentlich. Habe ich mir überlegt. 805 00:38:32,480 --> 00:38:34,000 Generell nicht schlecht so was aufzuschreiben. 806 00:38:34,000 --> 00:38:36,120 Also das ist ja nicht nur für die KI spannen, wir reden immer 807 00:38:36,120 --> 00:38:39,480 so viel über KI Coding, aber wenn ich als neuer Developer in 808 00:38:39,480 --> 00:38:41,840 so ein Projekt reinkomme auch dann freue ich mich, wenn 809 00:38:41,840 --> 00:38:43,680 beschrieben ist. Wie ist denn unser Development 810 00:38:43,680 --> 00:38:46,200 Flow, was soll ich denn machen vor jedem Commit, wie schreiben 811 00:38:46,200 --> 00:38:48,640 wir denn hier in dem Projekt Commit Messages, wie sind denn 812 00:38:48,640 --> 00:38:51,280 die die Naming Conventions und so weiter also das ist ja was, 813 00:38:51,280 --> 00:38:55,520 selbst wenn man mit KI gar nichts am Hut hat, was sich auf 814 00:38:55,520 --> 00:38:58,400 jeden Fall mal lohnt in so eine Read me reinzuschreiben. 815 00:38:59,160 --> 00:39:00,480 Der immer wiederum mit KI was zu tun hat. 816 00:39:00,480 --> 00:39:02,880 Dann können da natürlich auch Sachen rein, die für die KI 817 00:39:02,880 --> 00:39:04,800 sind. Also wenn ich zum Beispiel den 818 00:39:04,800 --> 00:39:07,840 Kontext Seven MCP Server meinem Projekt verwende, dann kann ich 819 00:39:07,840 --> 00:39:10,560 ihm diese Customer Structams auch reinschreibe ey, egal was 820 00:39:10,560 --> 00:39:13,880 du machst, bitte nutze immer zuerst diesen Kontext Seven MCP 821 00:39:13,920 --> 00:39:16,880 Server um die richtige Dokumentation zu referenzieren, 822 00:39:17,040 --> 00:39:20,080 nach jedem Change den du machst. Teste den im Browser unter der 823 00:39:20,320 --> 00:39:24,360 URL Local Host Port 3000 im Chrome in dem du den Browser MCP 824 00:39:24,800 --> 00:39:28,560 Server verwendest und so weiter und sofort also und kann ihm 825 00:39:28,560 --> 00:39:30,440 dann quasi das. Da direkt direkt die richtigen 826 00:39:30,440 --> 00:39:33,600 Sachen auch mitgeben und ihm auch immer sagen, wann er welche 827 00:39:33,600 --> 00:39:36,320 von diesen MCP Servern welche von diesen Tools verwenden soll. 828 00:39:36,400 --> 00:39:39,120 Ja, und ich kann tatsächlich am Ende auch so tief reingehen, 829 00:39:39,120 --> 00:39:42,320 dass ich pro Sprache, die in meinem Projekt verwendet wird, 830 00:39:42,320 --> 00:39:46,920 Anweisungen gebe, wie bestimmte Sprachen genutzt werden sollen. 831 00:39:46,920 --> 00:39:49,120 Das heißt, ich kann bestimmte Empfehlungen geben oder 832 00:39:49,200 --> 00:39:51,920 Anweisungen geben, wie zum Beispiel in Type Script 833 00:39:51,920 --> 00:39:54,400 gearbeitet werden soll oder in anderen Sprachen, die ich in 834 00:39:54,400 --> 00:39:57,200 meinem Projekt habe, und kann auch sagen, Hey. 835 00:39:57,720 --> 00:40:01,360 Am Ende mach bitte einen Commit und so soll eine Commit Message 836 00:40:01,360 --> 00:40:05,160 aussehen oder wenn ich auch selber auf den KI Button klicke 837 00:40:05,160 --> 00:40:07,920 in meiner Idee um eine Commit Message zu generieren, sollte in 838 00:40:07,920 --> 00:40:11,040 folgendem Format sein, wir reden ja nicht nur über diese AI 839 00:40:11,040 --> 00:40:14,240 Agents, sondern alle und du hast gerade gesagt, sogar menschliche 840 00:40:14,240 --> 00:40:17,440 Developer können von diesen Informationen profitieren, aber 841 00:40:17,440 --> 00:40:20,320 ich habe natürlich neben dem Agenten auch diverse andere 842 00:40:20,320 --> 00:40:23,720 Funktionalitäten in der Idee, die durch KI unterstützt werden 843 00:40:23,720 --> 00:40:26,480 und überall dort können dann meine Anweisungen. 844 00:40:26,760 --> 00:40:29,280 Helfen, weil nichts ist nerviger, als wenn das Ganze 845 00:40:29,280 --> 00:40:32,440 sich nicht persönlich anfühlt. Ich glaube, wir alle kennen das 846 00:40:32,440 --> 00:40:36,720 aus irgendwelchen total nutzlosen KI Funktionalitäten in 847 00:40:36,760 --> 00:40:39,040 irgendwelchen Consumer Anwendungen, wo wir dann sagen, 848 00:40:39,280 --> 00:40:41,520 Hey, jetzt kannst du ein E Mail Draft generieren, dann klickst 849 00:40:41,520 --> 00:40:44,720 du da mal drauf und dieser E Mail Draft ist halt so wenig an 850 00:40:44,720 --> 00:40:46,960 deinem Stil orientiert, dass du alles noch mal von Hand neu 851 00:40:46,960 --> 00:40:49,280 schreiben musst. Und das wollen wir natürlich 852 00:40:49,280 --> 00:40:51,640 auch in der Softwareentwicklung nicht und da haben wir im 853 00:40:51,640 --> 00:40:53,920 Gegensatz zu vielen dieser Consumer Produkte. 854 00:40:54,520 --> 00:40:57,600 Ganz viele Möglichkeiten, das Ganze entsprechend auch an 855 00:40:57,600 --> 00:41:00,320 meinen eigenen Stil, an meine eigenen Konventionen anzupassen. 856 00:41:00,400 --> 00:41:02,840 Ja, und vor allem halt Sachen, die nicht offensichtlich sind. 857 00:41:02,840 --> 00:41:05,000 Also es werden ja auch automatisch die gerade offenen 858 00:41:05,000 --> 00:41:07,840 Dateien zum Beispiel mit in den Kontext gepackt, da sieht man 859 00:41:07,840 --> 00:41:10,120 auch hier so ein bisschen wie der Coding Stil ist aber wie 860 00:41:10,120 --> 00:41:13,280 gesagt, Dinge die ich halt nicht daraus sehen kann, die kommen in 861 00:41:13,280 --> 00:41:15,280 so eine in so Custom Instructions rein. 862 00:41:15,280 --> 00:41:18,160 Was ist überhaupt der Texttec den wir haben, das ist Type 863 00:41:18,160 --> 00:41:20,400 Script mit einem Next js approuter. 864 00:41:20,400 --> 00:41:24,120 Wir nutzen Reac 18, wir nutzen schätz.cn als UI Library, wir 865 00:41:24,120 --> 00:41:27,120 haben Centry im Einsatz für für unser Logging, Wir nutzen 866 00:41:27,120 --> 00:41:31,120 Tailwind Version 4 zum Beispiel und so weiter und sofort kann 867 00:41:31,120 --> 00:41:33,160 ich da quasi alles mit reinschreiben und wenn du type 868 00:41:33,160 --> 00:41:35,880 Script verwendest, hier nochmal extra instructions für Type 869 00:41:35,880 --> 00:41:38,800 Script Files und übrigens die findest du alle in diesem Ordner 870 00:41:38,800 --> 00:41:41,040 oder das ist unsere Repository structure. 871 00:41:41,760 --> 00:41:43,960 Also wirklich auch für verschiedene Frameworks, oder? 872 00:41:43,960 --> 00:41:46,520 Wir haben folgende Sachen gemacht, eigentlich Sachen, die 873 00:41:46,520 --> 00:41:49,280 ich auch einem Menschen mit auf den Weg geben würde, bis auf 874 00:41:49,280 --> 00:41:50,960 diese MCP Server jetzt vielleicht die ich da auch 875 00:41:50,960 --> 00:41:54,360 explizit aufliste von daher lohnt sich immer Custom 876 00:41:54,360 --> 00:41:57,120 Instructions mitzugeben und die können ja auch über Zeit in so 877 00:41:57,120 --> 00:41:59,200 einem Projekt wachsen, das sind oft Dateien die einfach mit ins 878 00:41:59,200 --> 00:42:01,680 Git repository eingecheckt werden, das heißt ich habe 879 00:42:01,680 --> 00:42:03,040 vielleicht irgendwas rausgefunden was gut 880 00:42:03,040 --> 00:42:05,280 funktioniert oder ich habe einen Fehler bekommen den ich in 881 00:42:05,280 --> 00:42:07,920 Zukunft vermeiden möchte, dann ist das durchaus sinnvoll das 882 00:42:07,920 --> 00:42:10,640 auch jetzt mit in diese Custom Instructions mit aufzunehmen. 883 00:42:11,160 --> 00:42:13,280 Die man wie gesagt Projektspezifisch am besten auch 884 00:42:13,280 --> 00:42:15,920 im Git Repository selber definieren kann. 885 00:42:15,920 --> 00:42:17,280 Wie alle anderen Projektspezifischen 886 00:42:17,280 --> 00:42:19,920 Konfliktdateien auch, sind hier natürlich auch so ein Living 887 00:42:19,920 --> 00:42:21,440 Projekt und wachsen über die Zeit. 888 00:42:21,920 --> 00:42:24,000 Ich glaube, wir kommen jetzt auch schon so ein bisschen aus 889 00:42:24,000 --> 00:42:27,040 dem Vipe Coding Thema raus, weil einige der Dinge, die würde ich 890 00:42:27,040 --> 00:42:28,960 vielleicht im Vipe Coding gar nicht machen. 891 00:42:29,120 --> 00:42:31,680 Die sind aber natürlich in professionellen Projekten super 892 00:42:31,680 --> 00:42:34,320 wichtig und helfen natürlich auch, dass so ein KI Modell 893 00:42:34,320 --> 00:42:37,200 nicht nur korrekt, sondern auch schneller arbeiten kann, zum 894 00:42:37,200 --> 00:42:39,280 Beispiel einfach eine Information über die. 895 00:42:39,640 --> 00:42:42,520 Grundsätzliche Architektur meine Anwendung dort über solche 896 00:42:42,520 --> 00:42:45,200 Instructions mitzugeben, das kann über eine separate Datei 897 00:42:45,200 --> 00:42:46,640 sein, die dann referenziert wird. 898 00:42:46,880 --> 00:42:50,000 Dann muss halt auch so ein KI Tool jedes Mal quasi mein 899 00:42:50,000 --> 00:42:53,200 komplettes Projekt Screenen, wenn es sich fragt, wie ist denn 900 00:42:53,200 --> 00:42:56,360 eigentlich die Architektur dieser Anwendung, sondern 901 00:42:56,360 --> 00:43:00,400 bekommt das direkt mit dem prompt reingegeben würde 902 00:43:00,400 --> 00:43:03,680 vielleicht jetzt der typische Vypecoder nicht machen, aber ich 903 00:43:03,680 --> 00:43:06,640 glaube in dem Kontext in dem wir hier unterwegs sind, ist das 904 00:43:06,640 --> 00:43:09,200 definitiv etwas was auch zu empfehlen ist. 905 00:43:10,640 --> 00:43:13,720 Wie sehen denn Eure Vipe Coding Setups aus? 906 00:43:13,720 --> 00:43:16,160 Haben wir noch irgendwas vergessen oder habt ihr einen 907 00:43:16,160 --> 00:43:18,640 coolen MCP Server, den wir vielleicht gar nicht auf dem 908 00:43:18,640 --> 00:43:20,960 Schirm haben? Verratet uns mal. 909 00:43:20,960 --> 00:43:22,960 Oder tippt ihr vielleicht noch noch lieber selber und haltet 910 00:43:22,960 --> 00:43:24,480 von diesem ganzen Ki Quatsch gar nichts? 911 00:43:24,480 --> 00:43:27,240 Lasst uns das doch mal wissen, also wenn ihr noch irgendwelche 912 00:43:27,240 --> 00:43:29,760 coolen Ergänzungen habt, dann schreibt uns gerne. 913 00:43:29,760 --> 00:43:31,680 Ihr könnt entweder einen Kommentar hinterlassen unter der 914 00:43:31,680 --> 00:43:34,800 Folge wenn ihr auf einer Podcast Plattform unterwegs seid wo das 915 00:43:34,800 --> 00:43:36,320 geht dann. Ansonsten schreibt uns auch 916 00:43:36,320 --> 00:43:38,960 gerne einfach eine E Mail, da könnt ihr das dann auch quasi 917 00:43:38,960 --> 00:43:41,280 nicht öffentlich machen und uns einfach direkt eine E Mail 918 00:43:41,280 --> 00:43:42,240 schreiben. Findet ihr eine E Mail 919 00:43:42,240 --> 00:43:44,720 Beschreibung auch in der Beschreibung von der Folge? 920 00:43:45,280 --> 00:43:48,320 Wir lesen alle Mails und wenn wir es schaffen antworten wir 921 00:43:48,320 --> 00:43:50,480 sogar oder wir nehmen uns zumindest vor zumindest auf alle 922 00:43:50,480 --> 00:43:53,600 zu antworten, kann manchmal ein 2 Tage dauern, aber interessiert 923 00:43:53,600 --> 00:43:56,280 uns immer sehr wie ihr habt jetzt unsere Sicht auf das Thema 924 00:43:56,280 --> 00:43:58,400 gesehen, war wie ist denn eure Sicht also bei Feedback aber 925 00:43:58,400 --> 00:44:00,560 auch vielleicht bei Kritik wenn ihr das alles Quatsch findet 926 00:44:00,560 --> 00:44:04,320 oder so wir freuen uns immer sehr auf Austausch mit euch. 927 00:44:05,160 --> 00:44:08,280 Und wie immer, wenn euch die Folge gefallen hat, dann lasst 928 00:44:08,280 --> 00:44:12,000 uns gerne eine positive Bewertung da auf Apple Podcast 929 00:44:12,000 --> 00:44:14,560 oder Spotify. Das hilft uns auch von anderen, 930 00:44:14,560 --> 00:44:17,040 die noch nicht zuhören gefunden zu werden, bringt uns ein 931 00:44:17,040 --> 00:44:21,600 bisschen höher in den Charts und füttert den Algorithmus. 932 00:44:22,000 --> 00:44:24,440 Und wenn ihr genauso cool sein wollt wie der Alexander, dann 933 00:44:24,440 --> 00:44:26,160 sind wir euch auch genauso dankbar wie dem Alexander. 934 00:44:26,160 --> 00:44:28,080 Dann könnt ihr uns auch gerne einen Kaffee ausgeben. 935 00:44:28,520 --> 00:44:30,720 Über bei mir Coffee, da findet ihr einen Link auch in der 936 00:44:30,720 --> 00:44:33,360 Beschreibung oder wenn ihr zu eurem eigenen Kaffee die 937 00:44:33,360 --> 00:44:36,400 passende Nerdy Podcast gebrandete Tasse haben wollt, 938 00:44:36,400 --> 00:44:39,120 dann schaut doch mal in unserem kleinen Shop vorbei und 939 00:44:39,120 --> 00:44:43,440 ansonsten hören wir uns nächste Woche wieder zu der News Folge 940 00:44:44,080 --> 00:44:46,400 dieses dieses Mal eine Topic Folge nächstes Mal gibt es 941 00:44:46,400 --> 00:44:49,120 wieder eine News Folge bis dahin. 942 00:44:49,640 --> 00:44:52,520 Habt ne gute Zeit vype Codet viel oder schreibt viel Code mit 943 00:44:52,560 --> 00:44:55,240 einer AI. Wieviel ihr vom Code dann sehen 944 00:44:55,240 --> 00:44:56,880 wollt oder wieviel ihr dann nicht mehr sehen wollt es euch 945 00:44:56,880 --> 00:44:58,560 überlassen ob ihr euch da komplett in den Vibes hingeht 946 00:44:58,560 --> 00:45:01,080 oder ob ihr mit den MCP Servern und Custom Instructions und 947 00:45:01,080 --> 00:45:03,440 Modellen die wir ja erwähnt haben euren eigenen Code 948 00:45:03,440 --> 00:45:06,160 schreibt. Das ist natürlich eure Sache, 949 00:45:06,320 --> 00:45:07,600 wir hören uns nächste Woche wieder. 950 00:45:08,320 --> 00:45:09,840 Bis dahin. Ciao.