Offenbar sind wir trotz der Hitze beide in unseren
Dachgeschosswohnungen noch nicht geschmolzen, da unsere Gehirne
bei diesen Temperaturen aber einfach nicht mehr anständig
funktionieren, muss heute mal wieder die KI übernehmen.
Wir sprechen über Vipe Coding mit einem Augenzwinkern und wie
unser perfektes Setup für KI getriebene Softwareentwicklung
aussieht, welche Tools MCP Server und Custom Instructions
darum geht es in dieser Folge. Und damit herzlich willkommen
zum To do Developer Podcast mit Robin Manuel T.
Und mir malte Lantin Robin Manuel, Du bist also jetzt ein
Vibecoder geworden. Wow, wow wow, wow.
Ich hoffe nicht, sprechen wir gleich noch so ein bisschen
drüber, aber der Begriff ist ja so ein bisschen ja glaube ich,
der wird natürlich sehr belächelt, wahrscheinlich auch
zu Grund also. Don't Call me a vipe coder
malte, ich bin doch richtiger Coder, aber ich glaube, es sind
ganz viele Leute da draußen, die vielleicht nicht 5 Jahre
Informatik studiert haben und jetzt über vipe Coding ihre
eigenen Projekte umsetzen können und wo der, wo der Begriff Vipe
Coding überhaupt herkommt, was davon quatsch ist und was man
vielleicht auch wirklich im Alltag gebrauchen kann, das
schauen wir uns diese Folge an. Sehr cool.
Ich freue mich auf jeden Fall drauf, dein Setup
kennenzulernen, aber bevor wir ins Thema einsteigen, natürlich
erstmal die übliche Danksagung. Und zwar hat der Alexander uns 2
Eiskaffee ausgegeben, die wir natürlich auch diese Woche gut
gebrauchen. Können.
Vielen Dank. So, dann legen wir los mit dem
Thema White Coding in aller Munde seit einigen Monaten, und
zwar seit Februar. Und es ist ganz verrückt.
Manchmal sind so Begriffe. So ins Gehirn eingebrannt, dass
man das Gefühl hat, die gibt es schon seit Jahren.
Aber tatsächlich gibt es sie oder gibt es diesen Begriff erst
seit dem 3. Februar 2025 und du hast auch
noch mal ausgegraben, wo er ursprünglich herkommt und dann
gehen wir noch mal rein, was er eigentlich bedeutet.
Genau geprägt hat den ich hoffe ich spreche es richtig aus.
Andrej Capati von Open AI tatsächlich, es ist nicht mehr
bei Open AI war einer der. Gründungsmitglieder und
Researcher hat auch vorher die KI Themen bei Tesla geleitet.
Also das ist glaube ich 1 der größten Brains, die wir so
weltweit in dieser KI Welt haben.
Auf jeden Fall Vorreiter in dem Thema, macht auch fantastische
Youtube Videos die oft sehr lange gehen, also teilweise 2
zweieinhalb Stunden youtube Videos.
Also wer schon dachte der Podcast hier ist manchmal zu
lang und. Andrejs Videos sind deutlich
länger, lohnt sich aber genau wie hier im Podcast jede
einzelne Minute sich anzuschauen oder anzuhören.
Der Mann ist wirklich ein Brain und der hat auf Twitter oder Ex
glaube ich dann damals auch schon mittlerweile das Ganze
geprägt, indem er da irgendwann einen längeren Post gemacht hat,
wo er gesagt hat, es gibt irgendwie so eine neue Art von
Coding die er Vibe Coding nennt, wo man sich komplett in die
Vibes hingibt und. Quasi vergisst dass, dass der
Code überhaupt existiert und einfach nur mit irgendwie mit
seinem Editor spricht und immer alle Änderungen, die die KI
vorschlägt, immer automatisch akzeptiert, wenn die ki s
irgendwelche Tools aufrufen möchte, die immer automatisch
akzeptiert und quasi der Code selber sich den gar nicht mehr
anschauen, sondern einfach nur noch auf diese Ergebnisse
achtet. Er hat schon so ein bisschen was
dabei geschrieben, es ist natürlich kein richtiges Coding,
das. Aber es ist schon cool zu sehen,
dass KI Modelle das können und quasi nach KI wirklich dabei
zuzuschauen, wie sie ne App baut und eigentlich nur noch das,
also sich das Ergebnis anzuschauen, wie das langsam
wächst und gar nicht mehr zu gucken was der Code dahinter
ist. Das das ist glaub ich so n
bisschen Vibe Coating. Ja, und ich glaube, du hast
gerade schon so ein ganz wichtiges Thema dabei
angesprochen, dass White Coding vielleicht am Ende gar kein
Coding mehr ist, weil ich als derjenige, der die Software dann
mit diesen Tools baut, am Ende eigentlich den Code gar nicht
mehr sehen will. Und von daher ist natürlich der
Begriff Coding völlig fehl am Platze, weil im Coding Code ich
etwas und dort setze ich mich hin und gemeinsam mit einem
Werkzeug weiß nicht entwerfe oder?
Ich brainstorm gemeinsam eine App und am Ende kommt ein
Ergebnis raus, über das ich iteriere.
Aber dafür brauche ich natürlich das entsprechende technische
Setup. Du sagst gerade KI Modelle
spielen natürlich eine ganz wichtige Rolle, aber das muss
natürlich eingebettet werden in eine Entwicklungsumgebung und da
gibt es ja mittlerweile einige, die sich genau auf diesen
Bereich, nämlich die KI gestützte Softwareentwicklung
konzentrieren, das heißt ich brauche erstmal einen.
Code Editor, Das kann Cursor oder vs Code oder Win Surf sein.
Viele dieser Editoren Cursor und Win Surf basieren auch auf vs
Code als populärsten Code Editor, den man draußen so
findet. Es gibt aber auch andere
Entwicklungsumgebungen, die jetzt in die Richtung gehen,
dass man damit in Anführungsstrichen Vibe Coden
kann, aber im üblichen Setup hat man vs Code oder ein.
Derivat von hier ist Code. Genau jetzt ist vipe Coding
natürlich auch kein geschützter Begriff.
Also man kann natürlich auch überlegen, ob wir das noch
irgendwie ausdehnen. Es gibt ja mittlerweile ganz
viele Plattformen, die irgendwie so wie Pilze aus dem Boden
schießen, wo ich Apps allein durch Prompts erstellen kann.
Ich will so wie ich vipe Coding auch so ein bisschen verstehen
in der Industrie, aber wie gesagt, da haben ganz viele
Leute verschiedene Meinungen, ist halt aber auch eher, wie du
es gerade beschrieben hast. Also dass es schon noch einen
Code Editor gibt, deswegen würde ich auch so ein bisschen
widersprechen, es ist schon auch Code da.
Und ich sehe ja auch, wie dieser Code geschrieben wird.
Der ist mir nur egal. Also ich schaue mir vielleicht
gar nicht mehr an, was da geschrieben wird.
Im Zweifel könnte ich rein, aber da ich den von Anfang an gar
nicht erst mitverfolge, kann es natürlich gut sein, dass ich den
gar nicht kenne und dann, wenn da irgendwann mal Tausende
Zeilen Code entstanden sind, ich da wahrscheinlich auch keine
Änderung mehr selber machen kann, weil ich.
Sie dann zum ersten Mal sehe, wenn es wahrscheinlich schon zu
spät ist. Und ohne jetzt zu weit vorweg zu
greifen, erinnert mich das so ein bisschen an die Zeit, wo
ganz viel mit so What You Sees what you get Editoren So Web
Editoren gearbeitet wurde, wo man sich Webseiten irgendwie
zusammengeklickt hat und im Hintergrund ist dann so ganz
viel Code entstanden. Den Code, den wollte man sich
vielleicht gar nicht angucken, den konnte man ab einer
bestimmten Stelle eigentlich gar nicht mehr manuell warten und
ich glaube das ist so die. Ki gestützte Weiterentwicklung
von diesen visuellen Editoren, mit denen ich irgendwelche Apps
oder Webseiten zusammenstelle. Ja, so ein bisschen.
Ich hatte von von ein paar Monaten oder so habe ich
irgendwann mal auf Social Media gepostet, so AI ist das neue Low
Code eigentlich, also wo früher diese diese Plattformen diese
low Code Plattformen halt waren, kann ich jetzt ja sowas wie VIB
Coding verwenden um wirklich einfach zu wie gesagt ohne
Coding Skills. Zu beschreiben, was ich, was
eigentlich das Ergebnis sein soll und da auch immer wieder
drüber iterieren kann, nur halt, dass ich theoretisch nicht die
Limitation habe, die mir so eine Low Code Plattform ergibt, die
haben ja irgendwo ihre Grenzen. Theoretisch kann ich mit dem
entsprechenden Model mit den entsprechenden Tools mit dem
entsprechenden Setup ja eigentlich auch alles erreichen,
was ein professioneller Coder oder professioneller Codering
erreichen kann, wie gesagt theoretisch, aber wir mit dem
richtigen Vipe Coding Setup. Kann ich also wird ja im
Hintergrund richtiger Code geschrieben.
Das heißt, eigentlich habe ich auch keine Grenzen von dem, was
ich da bauen möchte. Und häufig werden in dieser Vipe
Coding Welt heute Webanwendungen gebaut.
Das heißt, ich habe meistens irgendwie einen Live Server, der
mir im Browser window aktuell den Stand meiner Anwendung zeigt
mit Hot Reload, das heißt immer wenn ich irgendwelche Änderungen
vornehme, sehe ich diese sofort in meinem Browser und kann dann.
Darauf reagieren und legt dann mir irgendwie das Chat Fenster
von meinem KI Assistenten direkt daneben und den Code.
Wie gesagt der kann irgendwo im Hintergrund sein, der kann auf
einem anderen Bildschirm sein, aber was mich interessiert ist
eigentlich das Ergebnis und das KI Interface häufig halt ein
Chat oder ein Chat Agent. Genau.
Du kannst bei vs Code über Cursor auch dieses Chat Ding
würde ich so raus aus dem Code Editor holen.
Du kannst das so Anpinnen, dann ist das immer im Vordergrund von
deinem Rechner. Und der richtige Vibecoder, der
guckt ja gar nicht mehr auf den Code.
Das heißt, du brauchst nur noch dieses Chat Fenster angepinnt
und machst dann daneben diesen Browser auf, der sich mit diesem
Hot Reload automatisch aktualisiert und kannst dann
einfach noch Anweisungen geben und einfach theoretisch musst du
nicht mehr tippen, weil da kannst du einfach auch über
Audio Input, Du machst einfach dieses Mikrofon, den Mikrofon
Button an und dann. Ja, laberst du da so ein
bisschen rein? Also ich mach das manchmal auch,
also ich, ich sag da auch einfach per Mikrofon, was ich
haben will, so ein bisschen wie ja wie hier jetzt im Podcast
auch. Ich sitze da am Mikrofon vor der
vor der Nase und sag NÖ, Mach mal da unten mal noch so einen
Button hin, wo ich dann wenn ich da drauf klicke dann dann soll
Konfetti kommen. Ja, ich glaube, du bist ja auch
einer von denen, der Sprachnachrichten auf Instant
Messengern verschickt. Und ich bin mehr derjenige, der
tippt. Ich benutze manchmal so Speech
to Text, um ein bisschen längere Texte auch einzugeben, aber ich
bin jemand, der eher auf Text unterwegs ist.
Vielleicht, weil ich auch gelegentlich dann Dinge
korrigieren möchte, möglichst präzise sein möchte, also mit
dem bei dem Audio Setup oder bei der Spracheingabe bin ich noch
nicht angekommen, das heißt ich tippe noch.
Aber tatsächlich kann man das dann natürlich so ein bisschen
so auch beiläufig im Hintergrund machen.
Und wenn man sich so ein bisschen so diese mehr oder
weniger ernst gemeinten Vipe Coding Videos auf youtube
anschaut, sind dann Leute die die zocken, dann irgendein Spiel
und nebenbei vipe Coden sind eine Anwendung, aber tatsächlich
hast du ja mit diesen Software Development Agents immer so
Wartezeiten, das heißt du gibst eine Anweisung Anweisung und
dann läuft das Tool los, macht irgendwas und dann hast du halt
irgendwie zwischen. Weiß ich nicht. 10 und teilweise
minuten 10 Sekunden und Minuten Zeit und in der Zeit kannst du
natürlich dann auch gut was anderes machen.
Das heißt, vielleicht drehst du es dann einfach um und vibst
halt die Anwendung, während du halt irgendwelche Spiele
spielst. Vielleicht habe ich auch schon
gesehen, wie ernst das gemeint ist, weiß ich.
Nicht den vibst du gibst dich komplett den Vibst hin.
Also wie gesagt, ich glaube das ganze, ich glaube ihr merkt das
schon so ein bisschen so richtig ganz ernst zu nehmen ist das
nicht, ich glaube dieses ganze Vipe, dieses ganze Viperum ist
auch so ein bisschen Spaß, ist so leicht ironisch und.
Aber es ist ja trotzdem faszinierend, dass es geht.
Also ich kann ja, wenn ich es richtig mache, dann kann ich ja
auch einfach sagen, dass ich alle Änderungen, die mir eine KI
vorschlägt und alle Tool Calls, das hat mir auch schon mal so
ein bisschen gesagt, Tool Calls kommt heute auch viel über so
MCP Server, das heißt, ich gebe der KI auch die Möglichkeit,
nicht nur kurz zu schreiben, sondern auch wirklich
irgendwelche Tools aufzurufen, zum Beispiel auf der
Kommandozeile irgendwas auszuführen, um das Projekt zu
bauen oder sich irgendwie. Aus dem Web irgendeine
Information zu holen oder mit der Guitar BPI zu sprechen, um
sich eine Poly Request zu stellen oder so was.
Und ich könnte ich kann so alle Änderungen, alle Toolcalls
automatisch akzeptieren lassen, das kann ich über die Settings
von meinem Editor sagen, kann sagen Adai soll mich nicht
fragen ob sie diese Änderung machen kann, die soll einfach
machen und ich gebe dir einfach quasi komplett freie Hand und
wenn irgendwelche Änderungen passieren die ich nicht mag,
dann mache ich die rückgängig. Aber ich kann einfach erstmal
sagen, egal was passiert, ich möchte dieses human in The Loop
minimieren, nur noch so, dass ich halt Feedback gebe, du mich
aber gar nicht mehr um Erlaubnis fragst oder guckst, ob du in die
richtige Richtung lenkst. Ich iteriere iteriere eigentlich
so lange, bis ich das Ergebnis habe, was ich haben will.
Und das gilt Halt nicht nur für die Tool Calls.
Als es gerade so beiläufig im Nebensatz gesagt.
Das gilt natürlich auch für den Code, der generiert wird.
Üblicherweise bekomme ich dann so eine div.
Ansicht und. Und.
Ich. Möchte ja eigentlich durchgehen,
aber da kriege ich einfach mal nur alles akzeptieren und
weiter. Und wie du sagst, wenn etwas
nicht funktioniert, dann geht man entweder einen Schritt
zurück oder nimmt sich die Fehlermeldung und gibt sie dem
KI Assistent und sagt Guck mal was da falsch läuft.
Im Idealfall greift natürlich mein KI Assistent auch direkt
auf den Terminal Output zu und sieht welche Fehler dort
auftreten und kann dann sofort auch diese korrigieren bevor ich
das Ergebnis überhaupt teste. Das heißt, ich geh dann hin und
lass die KI mal machen. Klar und danach irgendwie wieso
ein richtiger Developer dann mach ich das Zimmer dunkel mach
mir wie eine geile Spotify Playlist an vielleicht noch Ich
mag so Es gibt so eine ganz ruhige die heißt Beats to think
too Pack ich mal unten in die in die Beschreibung von der
podcastfolie ich hab auch eine eigene mal gebaut mit so Sachen
die ich irgendwie cool finde so ein bisschen so elektronische
Musik beim coding die hab ich coding mucke genannt guck ich
mal vielleicht mach ich die auch mal Public und.
Wenn ihr, wenn ihr die gleiche Mucke hören wollt wie ich beim
Vibe Coding, dann gibt es da unten einen Spotify Link.
Aber wir können natürlich irgendwas, was immer euch Spaß
macht, hören und dann euch den Vibes hingeben.
Und wie gesagt, auch wenn das Ganze jetzt hier vielleicht so
ein bisschen wenig ernst gemeint rüberkommt, ist es auf jeden
Fall wertvoll, es einfach mal auszuprobieren, weil es wirklich
auch ein Trend ist, immer mehr an KI abzugeben.
Von daher einfach mal ausprobieren, wird man dann
vielleicht auch nicht. Regelmäßig machen aber einfach
mal so einen Testlauf machen, gerade für so ein so ein
Hobbyprojekt, so ein Sideprojekt oder einen Prototypen, den man
bauen will, kann das natürlich sehr cool sein, wenn die
Anwendung ohnehin nicht lange leben muss.
Aber ich glaube, einiges können wir auch aus diesem Setup
rausziehen und da wollten wir jetzt noch mal ein bisschen
ernsthafter in die Thematik einsteigen, weil wir haben so
ein paar Themen gerade angesprochen, wenn ich mit so Ki
Assistenten, da haben wir in einer der letzten Folgen schon
darüber gesprochen. In der Idee arbeite müssen diese
natürlich Zugriff auf bestimmte Informationen haben.
Auf Tools haben. Wir hatten auch da schon mal
eine dedizierte Folge zu dem Thema MCP Server und da wollten
wir jetzt ein Paar der durchaus populären MCP Server mal
Durchsprechen, die wir oder du einsetzen, wenn man in so einem
KI gestützten Entwicklungsprozess ist.
Weil da sind ja bestimmte Informationen essentiell, weil
sonst so eine KI. In so einem Vipe Coding Setup
einfach bestimmte Informationen nicht hat.
Ja, das ist nämlich schon irgendwie.
Man belächelt dieses Vipe Coding viel, aber es ist ja schon
faszinierend, dass das geht, und ich glaube, da kann man sich
schon viel rauspicken für die eigene, ja trotzdem vernünftige,
dennoch KI gestützte Softwareentwicklung, und eine
dieser Sachen davon sind ebenso MCP Server zum Beispiel.
Zu einem Top Vipe Coding Setup gehört natürlich auch, dass ich
den richtigen Kontext in mein in mein Ki Modell reingebe haben
regelmäßige Zuhörerinnen und Zuhörer auch von unserem Podcast
hier wissen. Kontext ist King, wenn ich mit
KI umgehe, also was heißt das, ich muss der KI möglichst viele
relevante Informationen über mein Projekt mitgeben und die
kriegt sie entweder schon durch den Hintergrund, durch den
System prompt durch das was ich da eintippe, durch die Dateien
die ich gerade offen habe, durch alle anderen Dateien im Projekt
und so weiter das können diese Agenten alles und.
Und mit sogenannten MCP Servern kann ich Ihnen dann eben weitere
Tools geben und die absolute Empfehlung für eigentlich jedes
Coding Setup, was irgendwie mit KI basiert ist context 7.
Was ist context 7? Das ist eigentlich ein Projekt,
das hat jetzt auch gar nicht so unfassbar viel mit MCP zu tun,
das ist einfach ein Projekt was sagt Wir nehmen aktuelle
Dokumentation von so den mehreren 100 populärsten.
Frameworks da draußen, das sind auch nicht nur Coding
Frameworks. Da sind zum Beispiel auch es
gibt von Microsoft so ein Well architected Framework, wo sie
beschreiben, wie eine wie eine professionelle Cloud Lösung in
Azure aussehen soll, also welche Netzwerkregeln da sind und
welche Policies man setzen soll und was man nicht erlauben soll,
was man erlauben soll und so weiter und sofort also sowas,
aber natürlich auch tailwin Next js irgendwie das nächste Hype
Java Framework und so Sachen die sammeln da aktuelle
Informationen und bereiten die so auf, dass.
Dass die gut von KI bearbeitet und verarbeitet werden kann, das
heißt, sie nehmen diese riesenlange Doku und schneiden
das in kleine Teile, die sie als markdown Dateien dann in ihrer
Datenbank speichern und das aber auch schon zusammen mit so einem
mit so einem RAG Embedding, das heißt, ich kann danach irgendwie
sowas wie Login suchen und Lande dann auf der Authentication
Dokumentation von weiß ich nicht ori oder von.
Off Zero oder wie auch immer. Also ich muss schon sagen
welches welches Framework ich nutze und was ich da drin suche
und kann, dann muss man aber nicht genau einen Texttreffer
haben, sondern ungefähr sowas das läuft über Rack Retrieval
Augmented Generation wen das tiefer interessiert haben wir
meine eigene Folge zu gemacht, aber um den Bogen zu spannen was
dieser MCP Server macht ist er bietet meinem Model an Hey hol
dir mal aktuelle Informationen zu genau der Version von dem
Framework die du verwendest. Hier aus dem Internet und.
Und das bedeutet, mein Ki Modell kann hingehen und sagen, Jo, wie
mache ich denn in weiß ich nicht React Version XY einen Hook oder
wie schreibe ich denn in genau dieser Version von Tailwind
einen Button und so weiter und dann kann ich mir eben bevor die
KI hingeht und das schreibt diese Informationen in den
Kontext holen, was natürlich hilft, dass ich deutlich weniger
Halluzinationen habe, weil so ein KI Modell das ist in der
Regel auf einer. Der wahrscheinlich veralteten
Version, trainiert von der Library, die ich verwende, wenn
überhaupt, und denkt sich dann für die neue Version, die ich
vielleicht schon verwende, irgendwas aus oder Call Damage
API, die es gar nicht gibt. Um das zu vermeiden, kann ich
auch immer sagen, nutze bitte context 7, das kann ich an
meinen prompt mit reinfügen, sodass du die aktuelle relevante
Dokumentation von der Technologie, die ich gerade
einsetze, mit in deinen Kontext bekommst.
Und eine zweite Sache, die ich natürlich immer brauche, ist
irgendwie Zugriff auf meine Requirements, irgendwo ein Ort,
wo ich meine Aufgaben tracke und beschreibe, was ich eigentlich
erreichen möchte. Da kommen wir nämlich schon in
diesen professionelleren Bereich rein, wo wir nicht einfach nur
irgendwelche Sachen ins Mikro labern und sagen, Ach, ich
glaube, ich habe die Idee, mach das mal, sondern wo wir wirklich
ein bisschen strukturierter das Ganze geplant haben und auch
häufig liegt das auf einem externen Tool, hatten wir in der
vorletzten Folge auch mal drüber gesprochen und.
Und da gibt es natürlich MCP Server wie den github MCP
Server, wo ich dann auf meine github Issues zugreifen kann, wo
ich dann aber nachher auch meinem Coding Agent sagen kann,
Hey mach mal einen Pull request auf mit dem aktuellen Stand den
du dort hast, weil ich glaube das hatten wir in einer der
früheren Folgen auch angesprochen, dieses AI Coding
oder Wipe Coding geht so lange gut wie man auch ordentliche
Software Development Good Practices verfolgt und dazu
gehört halt eine ordentliche Versionierung und dieses
Werkzeug wo man den aktuellen Stand ablegt und.
Damit man nicht in so eine Situation kommt, dass irgendwann
die KI das halbe Projekt frisst und nichts mehr funktioniert und
man keine Backups hat und nicht einen Schritt zurückgehen kann,
wie du es gerade erwähnt hast. Also das heißt, ich habe dann
irgendwie einen Github MCP Server oder wenn meine
Requirements in einem anderen Tool liegen.
Gerade im Unternehmensumfeld hatte ich auch in der
Vergangenheit schon mal angesprochen, es gibt natürlich
auch MCP Server für JIRA und andere Tools, du wurdest da
übrigens korrigiert, es ist nicht JIRA sondern JIRA.
Vergessen? Ja, tatsächlich und können wir
dann in die Trivia dann auch noch mal in den entsprechenden
Notes verlinken. Nächster MCP Server den ich sehr
empfehlen kann ist halt irgendwo wo man seine privaten Notes
pflegt, das auch noch in die KI mit einzubinden.
Ich habe glaube ich irgendwann schon mal erwähnt, bei mir ist
das Obsidian, das ist ein Note tacking Tool wo eigentlich alle
Notes in marktdown Dateien lokal auf dem Rechner liegen aber.
Aber ich kann ja viele Nutzen, Motion oder was, was auch immer.
Und neben der aktuellen offiziellen Dokumentation, die
wie gesagt über context Seven kommt, hilft es mir immer, weil
ich bin jemand, ich mache mir einfach viele Notizen oder was
ich in einem anderen Projekt verwendet habe oder irgendwas
was gut oder schlecht funktioniert.
Ich bin ein Notizenmensch und sowas natürlich auch als MCP
Server den Modellen bereitzustellen gibt wieder
relevanten Kontext und dann natürlich auch in der Anweisung
zu sagen, Hey das. Bau mir das und das, aber schau
bitte vorher nach, ob ich zu dem Thema irgendwelche Notizen
selber in obsidian gemacht habe. Schau bitte nach bei Contact 7,
dass du das verwendet hast. Schau bitte nach bei dem github
MCP Server, ob es da vielleicht schon einen Poly request oder
wie einen Issue zu gibt und also man muss immer diese Anweisungen
auch oft mitsetzen nutze bitte diesen MCP Server auch, aber
dann wie gesagt ein eigenes Note taking Tool wenn ich jemand bin
der Notes. Quasi selber Pflege oder
vielleicht auch irgendwie zentral im Unternehmen abgelegt
habe. Irgendwo wenn es dann einen MCP
Server gibt, ist natürlich auch immer relevanter Kontext, der
darüber noch mit in mein Modell kommt.
Und dann kann ich natürlich über weitere MCP Server auch
sicherstellen, dass die Anwendungen, die ich gebaut
habe, häufig wie gesagt, Webanwendungen auch so
funktionieren wie erwartet. Da kann ich dann.
Browser MCP, Server verwenden oder Play Right MCP Server, um
Ui Tests auszuführen. Das heißt mein Coding Agent kann
dann die Ergebnisse der eigenen Arbeit nachher noch validieren
und nicht ich muss dann irgendwie durch das UI klicken
um zu sehen ob die Funktionalität wirklich
implementiert wurde, sondern. Ich kann das ganze dann über
coded Ui Tests hinterlegen und der KI Assistent kann das
entsprechend selber im Browser auch checken.
Ja, nicht gar nicht mal nur coded Ui Test, sondern ich kann
ja wirklich der KI sagen, schau selber nach, kannst du dich
einloggen oder kannst du dich noch einloggen?
Kannst du noch auf diesen Button klicken, kommt dieses Menü noch
und dass ich den Test schreibe und die KI also mit diesem
Browser MCP gebe ich der KI eine Chrome Instanz und sagt.
Klickt da irgendwo rum und die kriegt halt nach jedem Klick
einen Screenshot wieder Reingereicht von diesem MCP
Server und kann dann einfach die Koordinaten mitgeben, auf den
Sie klicken möchte oder den Text, den Sie eingeben möchte
oder sowas. Das heißt ich schreibe nicht mal
mehr einen Test und die KI schreibt auch nicht einen Test,
sondern finde ich ein super spannendes Thema, gerade dass
man also ob ob die Zukunft von Ui Tests vielleicht so aussieht,
dass ich einer KI einen Browser gebe und sage, guck mal ob du
das noch machen kannst und mir eigentlich egal ist, welche ID
oder welche Identifier hat dieser Button.
Sondern ich muss den nicht irgendwie ansprechen und
irgendwie automatisch anklicken. Ich gebe dir KI eine Maus und
Tastatur und sage, das ist dein Username ist dein Passwort,
kannst du dich noch einloggen und das weiß ich quasi, wenn ich
das Eintippe oder auf den Button klicken kann und Welcome Seite
komme habe ich das geschafft. Ja, ich glaube, aber tatsächlich
ist es heute noch so, dass gerade im professionellen
Kontext das auch deterministisch reproduzierbar sein muss.
Und. Und gerade wenn wir irgendwie
user Tests haben, sagen wir auch nicht, hey, wir haben eine neue
Version geshippt gucken mal ob alles noch funktioniert und dann
geht die Person hin, klickt einfach mal wild im UI rum und
schaut mal ob alles noch funktioniert.
Ich muss da natürlich tatsächlich genau alle User
Stories noch mal mitgeben und. Und dann kann das KI Modell
natürlich hingehen und das UI bedienen.
Aber im Idealfall habe ich das natürlich in gewisser Weise auch
automatisiert. Ja, vielleicht habe ich das aber
irgendwann in Zukunft mal einfach nur noch in natürlicher
Sprache muss kein kein Tool oder Framework schreiben oder muss
dafür Programmierer sein. Da kann vielleicht einfach
jeden, vielleicht kann das ein Programm Manager machen,
wirklich jeden einzelnen zu testenden Use Case einfach in
Markdown in natürlicher Sprache zu beschreiben.
Was wir hoffentlich in den User Stories schon einigermaßen gut
gemacht haben. Im Idealfall natürlich in der
Realität leider nicht immer, aber klar, im Idealfall.
Das ist natürlich ideal. Ich hole ja über den github MCP
Beschreibung der Acceptance Cryteria und führt daraufhin die
Tests aus, das ist natürlich eine richtig geile Kombination,
aber überhaupt, dass die KI der Lage ist ihre eigene Arbeit
nicht nur im Code, sondern wirklich auch dann im Browser
oder vielleicht auch dann irgendwann auf dem Desktop, wenn
es eine Desktop Anwendung ist oder oder über API Codes, wenn
es ein Backend ist selber zu validieren, also nicht nur
schreibe so lange Code bis ich dir sage, dass das jetzt das
Ergebnis ist was ich haben will. Sondern guck mal selber.
Nicht nur baut das noch, weil du vielleicht auf der Kommandozeile
irgendwie ein Bild machen kannst, sondern auch, wie sieht
das aus, findest du das in Ordnung, funktioniert das,
kannst du darauf klicken Validiere solange deine Arbeit
selber, bis du der Meinung bist. Ja, das ist jetzt auch wirklich
das, was der User gesagt hat, ist schon mächtig und ist auf
jeden Fall cool und funktioniert auch.
Also ich habe so eine kleine Demo wo ich einfach so im ganz
simplen Kontext sag, wenn du auf den Button klickst wird die Zahl
erhöht. Ändere den Code so, dass die
Zahl immer um 2 erhöht wird und und validiere mit Play Right
MCP. Ob das auch geklappt hat und dem
Ding zuzuschauen wie es die Anwendung startet, den Browser
auf mal auf den Button klickt, einen Screenshot macht, gucke ob
die Zahl jetzt nicht nur um 1 sondern wirklich um 2 erhöht
wurde und dir dann zu sagen, ja ich glaube ich habe den
richtigen Code geschrieben, das ist schon einmal ein großer
Schritt in die Richtung, dass k is irgendwann die Arbeit
vielleicht mal noch mehr sogar selber validieren kann, also
ganz ganz. Unpraktisch, finde ich.
Das nicht absolut. Also es ist auf jeden Fall
wertvoll und ich glaube auch ein Tipp an diejenigen, die
tatsächlich whitecode wirklich diese Validierungsschleife dort
mit reinzunehmen. Ich glaube, das vergessen viele,
wenn sie mit diesen Tools anfangen, da wird dann einfach
Code generiert und es wird gar nicht vollständig durchgetestet,
ob wirklich alles so funktioniert wie erwartet, weil
man dann diesen Testing Aspekt in der professionellen
Softwareentwicklung mittlerweile etabliert ist einfach so ein
bisschen vergisst und denkt er wird schon passen.
Aber wenn man den Aspekt noch mitnimmt, kann man natürlich
auch die Qualität massiv erhöhen.
Dann hast du noch, und das habe ich tatsächlich noch nicht
ausprobiert, einen ganz coolen MCP Server mitgebracht für das
ganze Thema UI Design, weil im Vipe Coding gehe ich ja auch
nicht mehr hin und mache meine eigenen Ui Designs mit,
irgendwie zum Beispiel CSS oder anderen.
Technologien, sondern ich gehe als Designer hin oder lass mir
durch eine KI UI grafisch designen und das tue ich häufig
in einem Tool wie Figma und dann kann ich dann über den Figma MCP
Server direkt meiner KI auch Zugriff auf meine UI Designs
geben und dementsprechend. Im Code wird dann entsprechend
das umgesetzt, was ich vorher auch grafisch schon im anderen
Tool erstellt habe und ob ich das dann dort durch
professionelle Designer erstellt habe oder ob ich da auch die
entsprechenden KD Tools genutzt habe.
Das bleibt dann wiederum mir überlassen.
Genau das Spannende bei Figma ist also ich kann natürlich auch
einfach einen Screenshot von irgendwas was ich haben will da
reinschmeißen. Ihr könnt ja mittlerweile Bilder
gucken oder ich kann mir auf einer Serviette ein Ui Konzept
irgendwie ausdenken, aber wie gesagt, wenn ich es ein bisschen
professioneller mache, dann kriege ich das Design halt oft
in Figma und. Und der große Vorteil, dass ich
eben nicht nur einen Screenshot davon reinschmeiße, sondern
wirklich eben das Figma gebe, ist, dass Figma wie die meisten
Design Tools auch in so verschiedenen Layern basiert und
dann muss das und über den FIGMA FCP Server kann ich dann halt
zum Beispiel einfach in Figma irgendwas markieren und sagen,
guck mal, also markieren, Rechtsklick Link kopieren in
diesen MCP Server mit Reingeben und dann geht es eben über die
Figma API dahin und die KI. Kann sich eben dann wirklich die
einzelnen Layer angucken. Was ist genau der Farbcode, der
verwendet wurde, was ist denn genau die Schriftart, die hier
verwendet wurde? Ich muss es also nicht raten von
dem Screenshot den ich sehe, sondern ich kann es wissen und
rausfinden und kann man auch mal ausbilden, das ist auch auch
wirklich cool, du sagst irgendwie in deinem, wenn du in
deinen Vibes bist, ey bau mir mal die und die App und nachher
kriegst du aber das finale Design dafür und dann sagst du
einfach sorg dafür, dass die jetzt so aussieht und.
Und dann zu schauen, dass das die KI hingeht und sich wirklich
dann dieses figma Design anschaut und das CSS, wenn es
eine Webanwendung ist, entsprechend anpasst, geht eben
durch diesen Figma. Mcp Surf geht wie gesagt geht
theoretisch auch durch einen Screenshot, aber wenn ich es
ernst meine und ihm noch mehr Informationen die richtigen
Informationen geben will über Figma MCP.
Kann ich auch, wenn ich in Figma solche User Flows modelliert
habe. Irgend so klickpfaden kann der
MCP Server das auch an die KI weitergeben, dass man gar keine
Requirements mehr reingeben muss, sondern sagt einfach guck
mal, ich habe das hier mal grafisch designed, habe da das
ganze Klickbar gemacht und jetzt schau dir mal an Klick da mal
durch und baue mir das entsprechend nach.
Das wäre natürlich cool, das weiß ich nicht.
Also den ich habe, den ich jetzt verwendet habe, ist glaube ich
auch nicht der offizielle, wie gesagt alle MCP Server, die wir
gerade besprechen. Findet ihr auch noch mal in der
Beschreibung von der Podcast Folge.
Das ist nicht der offizielle Figma Server den ich da
verwendet habe und mit dem habe ich das eben nur mit diesen
Layern ausprobiert. Ich habe diese diese Klick, ich
bin halt auch kein Designer, ich weiß nicht ich weiß das Figma
das kann, aber ich müsste auch noch mal mir ein youtube Video
angucken wie man genau das macht mit diesen Pfaden finde ich aber
spannend, spricht eigentlich nichts dagegen wenn der MCP
Server das unterstützt, der spricht da hinten drunter auch
nur mit der Figma API Theo technisch müsste das gehen, ob
der das schon kann weiß ich jetzt nicht.
Und dann hast du noch ein Tool, das habe ich persönlich bisher
noch gar nicht verwendet, und zwar Serena als MCP Server
Anbindung. Was mache ich damit?
Der gibt dem KI Model so ein bisschen die Möglichkeit, sich
in den Language Server reinzuhängen.
Der Language Server ist üblicherweise das, was im
Hintergrund läuft, wenn ich in einer bestimmten
Programmiersprache programmiere, was mir.
Ja, quasi. Informationen, die über den
reinen Text des Codes, den ich gerade sehe, hinausgehe.
Also ein bisschen das, was der Compiler mir zurückgibt, wenn es
einen Compiler gibt, ist ja ein bisschen sprachabhängig, aber
quasi kann ich ja, ich kann ja, wenn ich einen vernünftigen
Editor für Code verwende und ich sehe irgendwie, dass da eine
Klasse erwähnt wurde, dann kann ich ja oft irgendwie mit
Steuerung gedrückt halten, dann auf den Namen dieser Klasse
draufklicken und springe direkt in die richtige Datei.
Ich muss also nicht. In meinem Dateipfad den Text
eingeben und dann irgendwie in meiner Suche suchen.
Wo finde ich diese klasse und ich klicke drauf und springe
direkt an den richtigen Punkt oder wenn irgendwo was erwähnt
wurde, wenn es eine Funktion gibt, dann springe ich direkt an
die an die richtige Stelle in meinem Editor und so weiter und
diese Informationen werden mir vom Language Server
bereitgestellt und einem KI Modell über Serena über den
Serena MCP Server eben Zugriff auf diesen Language Server zu
geben ermöglicht quasi, dass das KI Modell genau das machen kann.
Was ich mit Störung gedrückt halten Klick mache nämlich dass
ich sagen kann, spring mir dahin, wo diese Klasse definiert
ist, schaue was was gibt es denn vielleicht für Overloads von
dieser Funktion? Welche Parameter braucht das
denn, also dass ich das nicht irgendwie selber durch Textsuche
rausfinden muss, sondern das ist wirklich diese diese Navigation
durch den Code. Natürlich machen kann also quasi
der MCP Server stellt es dem Model bereit.
Das Model sagt Ich möchte da drauf klicken, der MCP Server
klickt dann da quasi für dich drauf, also klickt natürlich
nicht wirklich, sondern springt in diese Codestelle gibt das was
er da sieht wieder in das kki Modell rein, damit ist der MCP
Call abgeschlossen, die Information liegt im Kontext und
ich kann weiter iterieren wenn ich mit der KI arbeite und wie
gesagt das ist alles und diese ganzen MCP Server das ist ja
alles nicht ganz. Ist ja nicht so.
N One time Shot, ich krieg ne Antwort und da muss ich damit
leben, sondern in Vibe Coding oder wenn ich auch in diesen
Agent Modes in diesem agentic Coding in diesen Tools damit
umgehe, dann ist es ja oft, dass es über viele, viele Iterationen
nicht zu meinem Ergebnis kommen, das heißt ich geb ne.
Dann prompt ein. Daraufhin macht das Model
irgendwas, denkt irgendwie nach, erstellt einen Plan, dann wird
dann kommt der nächste Schritt, dieser Plan wird abgearbeitet,
dann kommt der nächste Schritt, der MCP Server wird aufgerufen
das Ergebnis und wird wieder in die in die Chat Historie
geschrieben, dann geht es weiter zum nächsten Schritt, das Modell
guckt muss ich jetzt Code schreiben, blablabla und diese
ganze Chat Historie die beeinflusst ja immer den
nächsten Schritt und das machen diese MCP Server natürlich auch
besonders gut ich kann nicht nur diese Tools aufrufen, sondern
ich kann natürlich auch die Ergebnisse von diesen Tools.
Dann in der Chat History haben und die führe mich dann immer
näher. Hoffentlich zu meinem Ergebnis.
Jetzt habe ich also meine Idee. Ich habe meinen MCP Server
konfiguriert und jetzt kommt eigentlich das Wichtigste, über
das wir noch gar nicht gesprochen haben, nämlich das
Large Language Model, was im Hintergrund meine Agenten
befeuert, die dann für mich diesen Code schreiben sollen und
häufig sind das mittlerweile ja die Antropic Cloud Modelle.
Dort gibt es verschiedene, die parallel angeboten werden,
aktuell von Atropic und ich glaube das neueste Release ist
Clawed 4. Da gibt es verschiedene
Varianten von, ich glaube da gibt es das sonet Modell, das
Opus Modell und ich glaube das Opus Modell ist aktuell das
mächtigste, aber da muss man natürlich auch schauen, hat man
da Zugriff drauf überhaupt in seinem Code Editor der Wahl und.
Und was kostet der Spaß? Weil, wenn ich.
Bestimmt selber so. Ein ki Key hole muss ich da pro
Token irgendwie was bezahlen oder ich muss halt
gegebenenfalls bei meinem Vipe Coding Tool der Wahl muss ich
halt irgendwie ein Preismodell haben, was mir erlaubt so und so
viele Requests zu machen auf ein bestimmtes KI Modell und
natürlich kann ich da auch selber entscheiden, je nach Use
Case wie komplex der ist auf welches KI Modell ich da
zurückgreifen will. Es gibt halt Modelle die sind.
Günstiger die sind meistens dann in den KI Tools kostenfrei
enthalten, vielleicht in der Grundgebühr die ich bezahle und
andere Modelle, die sind dann zwar mächtiger, aber da muss ich
vielleicht ein bisschen sparsamer umgehen.
Und beim Vibe Coding oder auch wenn ich Agenten basiert, Code
dann auch immer im Hintergrund behalten, dass da wahrscheinlich
sehr viele Prompts und sehr viele Requests abgeschickt
werden. Deswegen hatte ich das vorher
vorhin gesagt, das ist wahrscheinlich.
Nicht nur 23 Anfragen an so ein Modell, sondern immer wieder die
ganze Chat Historie, die wächst. Es wird immer wieder an das
Modell gestellt, es wird bei jedem ersten Schritt das Modell
gefragt. Ey, willst du einen von diesen
MCP Servern aufrufen oder willst du lieber Code schreiben oder
willst du lieber dem User eine Rückfrage stellen oder brauchst
du irgendwie Zugang zur Idi? Willst du vielleicht irgendwas
aus der Kommandozeile rausziehen und so weiter das heißt also da
passieren schon locker mal 5000 und mehr Anfragen, es geht so
ein Ping Pong Spiel hin und her zwischen der Idi, dem Agenten
und dem KI Modell. Also da ruhig mal auch bei der
Preisfrage im Hinterkopf halten, dass das nicht nur ein Call ist,
der da hingeht und dass es eine ganze Menge Tokens sind, die da
im Hintergrund auch verbraucht werden.
Und genau, dass das halt, wie du natürlich sagst, deswegen auch
schon alleine eine Preisfrage ist.
Ja, und wenn man sich das mal tatsächlich in der Realität
anschaut. Viele Dinge, die dann irgendwie
online gezeigt werden. Wenn man das dann wirklich
macht, dann kann es schon sein, dass irgendwelche kleineren
Features, die man dann durch das Tool implementieren lässt, dann
irgendwie mich 3040 0,50€ Kosten bei komplexeren Sachen, die dann
komplexe Anwendungen auch darstellen, wo ich wirklich
durch viele Iterationen gehe, kostet mich das dann vielleicht
irgendwie 1 2€ und da muss man sich dann wirklich Gedanken
darüber machen, wie setze ich dieses Tool auch sinnvoll ein
und wenn man das natürlich mit dem vergleicht, was vielleicht
irgendwie. Was rechtliches.
Dann dann mag es vielleicht günstig sein, aber die Frage ist
halt, wenn ich das für Hobbyprojekte oder irgendwelche
Sideprojects einsetze, wo ich vielleicht aber auch eigentlich
ein anderes Ziel habe, dass ich mich vielleicht da auch
irgendwie verwirkliche, ist ja die Frage, möchte ich da dann
auch noch so viel Geld auf den Tisch legen und wie gesagt, das
kann man so ein bisschen auch Steuern darüber, welches KI
Modell man drauf ansetzt. Möchte ich ja wirklich 0,30€ für
bezahlen. Nein.
Ja klar, weil wenn ich jedes Feature damit programmiere, dann
ja. Und das hat sich halt.
Ja klar. Und wenn das dagegen steht, dass
ich das vielleicht auch selber kurz schreibe, dieses Feature,
das muss ich mir natürlich auch angucken, aber wie gesagt,
Claude 4 ganz ganz neu diese Tropic Modelle, eigentlich immer
sehr beliebt bei Devalopon gewesen, haben wirklich gute
Coating Skills. Ich kann natürlich auch jedes
andere Modell nehmen, wenn man sich unsicher ist, dass man
selber am besten findet, kann man auch mal bei LM Arena
schauen, das ist so eine Arena Seite wo?
Man so einen Blindverkostungstest machen, da
gibt irgendwie eine Aufgabe. Ey Bau mir keine Ahnung, eine
App die meine Finanzen trackt oder irgendwas simples und da
kriegt man 2 Ergebnisse und muss dann sagen welches man selber
besser fand, weiß aber nicht welches Modell dahinter steckt,
das wird einem dann erst offenbart nachdem man sich
entschieden hat und da kann man mal so ein bisschen für sich
testen welchen Coding Stil oder welche Art und Weise co zu
schreiben man da irgendwie selber ein bisschen bevorzugt,
das ist oft Geschmackssache. Mittlerweile unterscheiden sich
diese Modelle auch gar nicht mehr so krass drin was die
können, die On Shopping Modelle sind aber auch teilweise sehr
gut darin diese Tool Calls zu machen und gerade die neuen
Cloud Modelle die auch reasoning können, also die länger
nachdenken, die können mittlerweile auch während dieses
reasoning Prozesses zum Beispiel Calls ins Internet machen und
sich aktuelle Informationen reinholen und daraufhin ihr
Reasoning beeinflussen. Also das sind so ein bisschen
neue Funktionen die die können. Kann man sich am Ende mal
durchgucken? Man kann das natürlich auch
immer während der Unterhaltung ändern, ich kann sagen, ich
mache simple Sachen mit einem kleinen Modell und wenn das
nicht weiter kommt, dann frage ich die gleiche Frage nochmal.
Switch aber um auf ein größeres Modell, das kann man natürlich
auch so ein bisschen machen, gerade wenn man da preissensitiv
ist. Ja, preissensitiv oder
vielleicht einfach auch die Performance?
Manche Modelle sind schneller als andere und manchmal geht
halt Geschwindigkeit über Qualität muss man dann am Ende
entscheiden. Jetzt kommen wir aber noch in
den Bereich, wo wir glaube ich schon sehr technisch werden.
Und die Frage ist, wie viele der Whitecode da draußen das
tatsächlich machen und das ist das Anpassen der Coding Agenten
an das individuelle Projekt, die eigenen Vorlieben, die eigenen
Coding Styles Conventions um halt dem.
Agenten mehr Insights zu geben, woran man eigentlich gerade
arbeitet, was der Technologie Stack ist, was die Architektur
ist, in welche Richtung man das Ganze entwickeln möchte, um am
Ende auch qualitativ hochwertige Software zu bekommen.
Und dafür gibt es. Heißen jeweils unterschiedlich,
je nachdem welches Tool man verwendet.
In der Regel irgendwas in Richtung Custom Instructions und
dort kann ich dann häufig in einem markdown Format dann
Informationen an das KI Modell übergeben, was dann im
Hintergrund in den prompt auch reingegeben wird.
Genau. Das ist natürlich auch eine Art
und Weise, ein bisschen zu beeinflussen, wie das Ergebnis
wird. Ich muss also nicht nur
irgendwie in der Arena mal gucken, welchen Stil ich besser
finde, ich kann mir einfach meinen Stil aufdiktieren also
ich diese. Projektspezifischen Custom
Instructions lege ich dann halt sowas rein wie wie ist denn der
Coding Style bei uns im Unternehmen?
Was sind denn die Naming Conventions?
Also kann ich ja sagen, Bau nie irgendwie CSS inline ein,
schreib immer den Kram in eine eigene CSS, eine eigene CSS
Datei wenn du so boolien Variablen nimmst, dann will ich
das da immer so was wie is loading oder Hass Error vorsteht
und sich direkt beim lesen weiß das ist ein Boolien.
Wir benennen unsere Dateiverzeichnisse also immer
lower Case, also so naming Conventions und die Components
kommen übrigens in den Ordner rein und so weiter und sofort.
Also ich kann dir natürlich genau auch sagen, wie wir in
diesem Projekt oder vielleicht auch sogar in dieser Firma oder
bis auf an auf welchem Level das entschieden wird, coden wollen
ja so ein bisschen so Coding Struktur halt einfach mitgeben.
Ja, und ich kann auch Informationen zum Prozess
mitgeben, also zum Entwicklungsprozess.
Wir hätten gerade gesagt, ich möchte vielleicht das.
Bestimmte Tools verwendet werden.
Ich möchte, dass das Ganze vielleicht getestet wird, das
heißt, ich kann dem KI Modell beziehungsweise dem KI Agenten
kann ich sagen Hey immer wenn du was entwickelt hast lass mal
lint da drüber laufen oder mach ein Bild der Anwendung für die
Tests aus, Schau ob irgendwelche Tests fehlschlagen und
korrigiere deine Fehler und natürlich kann ich dem ganzen
auch mitgeben Hey. Wie wird die Anwendung überhaupt
gebaut? Also nicht immer kann man das
natürlich auf den ersten Blick sehen, manchmal gibt es
komplexere Build instructions, die kann ich da auch mitgeben,
damit halt auch am Ende der Entwicklung halt meine Anwendung
kompiliert werden kann und hier entsprechende Informationen kann
ich dann auch an den Agenten weitergeben.
Klar, und ich kann auch nicht nur sagen, Bau mal, lass mal
einen Linzer laufen, das ist ja wirklich spüre npm Run Lind zu.
Zum Beispiel, wenn es ein Webprojekt ist.
In der Kommandozeile aus. Und das würde ich ganz klar
geben, weil, wie man eben schon gesagt hat, diese Custom
Instructions, die werden halt automatisch dann immer mit in
den Kontext gepackt und da kann ich ganz klare Anweisungen
sagen, wie wir wie, wie arbeiten wir in unserem Projekt und das
eigentlich. Habe ich mir überlegt.
Generell nicht schlecht so was aufzuschreiben.
Also das ist ja nicht nur für die KI spannen, wir reden immer
so viel über KI Coding, aber wenn ich als neuer Developer in
so ein Projekt reinkomme auch dann freue ich mich, wenn
beschrieben ist. Wie ist denn unser Development
Flow, was soll ich denn machen vor jedem Commit, wie schreiben
wir denn hier in dem Projekt Commit Messages, wie sind denn
die die Naming Conventions und so weiter also das ist ja was,
selbst wenn man mit KI gar nichts am Hut hat, was sich auf
jeden Fall mal lohnt in so eine Read me reinzuschreiben.
Der immer wiederum mit KI was zu tun hat.
Dann können da natürlich auch Sachen rein, die für die KI
sind. Also wenn ich zum Beispiel den
Kontext Seven MCP Server meinem Projekt verwende, dann kann ich
ihm diese Customer Structams auch reinschreibe ey, egal was
du machst, bitte nutze immer zuerst diesen Kontext Seven MCP
Server um die richtige Dokumentation zu referenzieren,
nach jedem Change den du machst. Teste den im Browser unter der
URL Local Host Port 3000 im Chrome in dem du den Browser MCP
Server verwendest und so weiter und sofort also und kann ihm
dann quasi das. Da direkt direkt die richtigen
Sachen auch mitgeben und ihm auch immer sagen, wann er welche
von diesen MCP Servern welche von diesen Tools verwenden soll.
Ja, und ich kann tatsächlich am Ende auch so tief reingehen,
dass ich pro Sprache, die in meinem Projekt verwendet wird,
Anweisungen gebe, wie bestimmte Sprachen genutzt werden sollen.
Das heißt, ich kann bestimmte Empfehlungen geben oder
Anweisungen geben, wie zum Beispiel in Type Script
gearbeitet werden soll oder in anderen Sprachen, die ich in
meinem Projekt habe, und kann auch sagen, Hey.
Am Ende mach bitte einen Commit und so soll eine Commit Message
aussehen oder wenn ich auch selber auf den KI Button klicke
in meiner Idee um eine Commit Message zu generieren, sollte in
folgendem Format sein, wir reden ja nicht nur über diese AI
Agents, sondern alle und du hast gerade gesagt, sogar menschliche
Developer können von diesen Informationen profitieren, aber
ich habe natürlich neben dem Agenten auch diverse andere
Funktionalitäten in der Idee, die durch KI unterstützt werden
und überall dort können dann meine Anweisungen.
Helfen, weil nichts ist nerviger, als wenn das Ganze
sich nicht persönlich anfühlt. Ich glaube, wir alle kennen das
aus irgendwelchen total nutzlosen KI Funktionalitäten in
irgendwelchen Consumer Anwendungen, wo wir dann sagen,
Hey, jetzt kannst du ein E Mail Draft generieren, dann klickst
du da mal drauf und dieser E Mail Draft ist halt so wenig an
deinem Stil orientiert, dass du alles noch mal von Hand neu
schreiben musst. Und das wollen wir natürlich
auch in der Softwareentwicklung nicht und da haben wir im
Gegensatz zu vielen dieser Consumer Produkte.
Ganz viele Möglichkeiten, das Ganze entsprechend auch an
meinen eigenen Stil, an meine eigenen Konventionen anzupassen.
Ja, und vor allem halt Sachen, die nicht offensichtlich sind.
Also es werden ja auch automatisch die gerade offenen
Dateien zum Beispiel mit in den Kontext gepackt, da sieht man
auch hier so ein bisschen wie der Coding Stil ist aber wie
gesagt, Dinge die ich halt nicht daraus sehen kann, die kommen in
so eine in so Custom Instructions rein.
Was ist überhaupt der Texttec den wir haben, das ist Type
Script mit einem Next js approuter.
Wir nutzen Reac 18, wir nutzen schätz.cn als UI Library, wir
haben Centry im Einsatz für für unser Logging, Wir nutzen
Tailwind Version 4 zum Beispiel und so weiter und sofort kann
ich da quasi alles mit reinschreiben und wenn du type
Script verwendest, hier nochmal extra instructions für Type
Script Files und übrigens die findest du alle in diesem Ordner
oder das ist unsere Repository structure.
Also wirklich auch für verschiedene Frameworks, oder?
Wir haben folgende Sachen gemacht, eigentlich Sachen, die
ich auch einem Menschen mit auf den Weg geben würde, bis auf
diese MCP Server jetzt vielleicht die ich da auch
explizit aufliste von daher lohnt sich immer Custom
Instructions mitzugeben und die können ja auch über Zeit in so
einem Projekt wachsen, das sind oft Dateien die einfach mit ins
Git repository eingecheckt werden, das heißt ich habe
vielleicht irgendwas rausgefunden was gut
funktioniert oder ich habe einen Fehler bekommen den ich in
Zukunft vermeiden möchte, dann ist das durchaus sinnvoll das
auch jetzt mit in diese Custom Instructions mit aufzunehmen.
Die man wie gesagt Projektspezifisch am besten auch
im Git Repository selber definieren kann.
Wie alle anderen Projektspezifischen
Konfliktdateien auch, sind hier natürlich auch so ein Living
Projekt und wachsen über die Zeit.
Ich glaube, wir kommen jetzt auch schon so ein bisschen aus
dem Vipe Coding Thema raus, weil einige der Dinge, die würde ich
vielleicht im Vipe Coding gar nicht machen.
Die sind aber natürlich in professionellen Projekten super
wichtig und helfen natürlich auch, dass so ein KI Modell
nicht nur korrekt, sondern auch schneller arbeiten kann, zum
Beispiel einfach eine Information über die.
Grundsätzliche Architektur meine Anwendung dort über solche
Instructions mitzugeben, das kann über eine separate Datei
sein, die dann referenziert wird.
Dann muss halt auch so ein KI Tool jedes Mal quasi mein
komplettes Projekt Screenen, wenn es sich fragt, wie ist denn
eigentlich die Architektur dieser Anwendung, sondern
bekommt das direkt mit dem prompt reingegeben würde
vielleicht jetzt der typische Vypecoder nicht machen, aber ich
glaube in dem Kontext in dem wir hier unterwegs sind, ist das
definitiv etwas was auch zu empfehlen ist.
Wie sehen denn Eure Vipe Coding Setups aus?
Haben wir noch irgendwas vergessen oder habt ihr einen
coolen MCP Server, den wir vielleicht gar nicht auf dem
Schirm haben? Verratet uns mal.
Oder tippt ihr vielleicht noch noch lieber selber und haltet
von diesem ganzen Ki Quatsch gar nichts?
Lasst uns das doch mal wissen, also wenn ihr noch irgendwelche
coolen Ergänzungen habt, dann schreibt uns gerne.
Ihr könnt entweder einen Kommentar hinterlassen unter der
Folge wenn ihr auf einer Podcast Plattform unterwegs seid wo das
geht dann. Ansonsten schreibt uns auch
gerne einfach eine E Mail, da könnt ihr das dann auch quasi
nicht öffentlich machen und uns einfach direkt eine E Mail
schreiben. Findet ihr eine E Mail
Beschreibung auch in der Beschreibung von der Folge?
Wir lesen alle Mails und wenn wir es schaffen antworten wir
sogar oder wir nehmen uns zumindest vor zumindest auf alle
zu antworten, kann manchmal ein 2 Tage dauern, aber interessiert
uns immer sehr wie ihr habt jetzt unsere Sicht auf das Thema
gesehen, war wie ist denn eure Sicht also bei Feedback aber
auch vielleicht bei Kritik wenn ihr das alles Quatsch findet
oder so wir freuen uns immer sehr auf Austausch mit euch.
Und wie immer, wenn euch die Folge gefallen hat, dann lasst
uns gerne eine positive Bewertung da auf Apple Podcast
oder Spotify. Das hilft uns auch von anderen,
die noch nicht zuhören gefunden zu werden, bringt uns ein
bisschen höher in den Charts und füttert den Algorithmus.
Und wenn ihr genauso cool sein wollt wie der Alexander, dann
sind wir euch auch genauso dankbar wie dem Alexander.
Dann könnt ihr uns auch gerne einen Kaffee ausgeben.
Über bei mir Coffee, da findet ihr einen Link auch in der
Beschreibung oder wenn ihr zu eurem eigenen Kaffee die
passende Nerdy Podcast gebrandete Tasse haben wollt,
dann schaut doch mal in unserem kleinen Shop vorbei und
ansonsten hören wir uns nächste Woche wieder zu der News Folge
dieses dieses Mal eine Topic Folge nächstes Mal gibt es
wieder eine News Folge bis dahin.
Habt ne gute Zeit vype Codet viel oder schreibt viel Code mit
einer AI. Wieviel ihr vom Code dann sehen
wollt oder wieviel ihr dann nicht mehr sehen wollt es euch
überlassen ob ihr euch da komplett in den Vibes hingeht
oder ob ihr mit den MCP Servern und Custom Instructions und
Modellen die wir ja erwähnt haben euren eigenen Code
schreibt. Das ist natürlich eure Sache,
wir hören uns nächste Woche wieder.
Bis dahin. Ciao.