All diese Posts im Stil meiner Website werden wir gleich mit KI erstellen. Wir nutzen dafür nur Claude Code und ich zeige euch in diesem Video, wie das geht. Im letzten Video haben wir mit Astro diese Website erstellt. Jetzt werden wir mit Claude Code diese Website analysieren und im Stil dieser Website Content erstellen. Alles, was wir dafür brauchen, ist Claude Code. Wir werden den Blog der Website dafür nutzen, wirklich sinnvolle Inhalte zu erstellen. Wir werden ein paar Mal iterieren müssen, aus den ersten Entwürfen auch wirklich gut verwendbare Posts zu extrahieren, die uns dann wirklich gefallen. Aber ich finde am Ende sind wirklich ein paar rausgekommen, die man gut verwenden kann und die ihr demnächst auch bei mir auf LinkedIn sehen werdet. Wir starten wieder mit Claude Code. Ich nutze das in Cursor, das ist eine Entwicklungsumgebung, die könnt ihr euch herunterladen. Claude Code nutze ich dann als Plugin in dieser Entwicklungsumgebung. Aber jede Form von Claude Code, die ihr verwendet, wird die Arbeit erledigen. Und ich starte hier mit diesem Prompt. Ich möchte Social-Media-Posts erstellen. Das ist meine Website, institut-fuer-ki.com. Analysiere das Design der Website genau und erstelle die Posts in einem ähnlichen Format, nur optimiert für Social Media. Das heißt grafische Elemente, gute Lesbarkeit auf kleinen Bildschirmen. Du kannst dir Inspiration aus den Blogseiten holen und dann 9 HTML-Posts erstellen. Werde gerne kreativ und nutze Icons und Tabellen und erstelle grafische Elemente zur Verdeutlichung. Das ist der Prompt und den schicken wir jetzt mal ab und schauen, was passiert. Claude Code möchte jetzt hier die Erlaubnis, dass er diese URL besuchen darf. Das erlauben wir ihm und auch den Blog. Er fragt jetzt spezifische Blogseiten ab. Jetzt sagt er, hat alle Infos und beginnt damit die neuen Posts zu erstellen. Er hat sich hier eine To-do-Liste geschrieben mit den Titeln der verschiedenen Posts. So, der letzte Post ist geschrieben. Ihr seht, Claude Code hat das immer hier so in HTML geschrieben. Warum ist das so gut? Die Website ist in HTML. Ich habe ja wie im letzten Video, das ihr euch nochmal anschauen könnt, Astro verwendet, also eine Website, die komplett auf Code aufgebaut ist. Das kann Claude Code natürlich super lesen und dann genau im selben Format auch Posts erstellen. Die schreibt er dann auch wieder in HTML und wir werden die später noch in Bildformate umwandeln. Und ja, jetzt können wir sie uns mal anschauen und das machen wir natürlich im Browser, denn es sind ja HTML-Posts. Und da sehen wir schon den ersten Post KI im Unternehmen einführen – Fahrplan in 5 Schritten. Er hat das dunkle Design der Website übernommen. Was mir aber schon gleich auffällt: Das ist relativ klein. Also man kann, muss hier schon ein bisschen reinzoomen, um das zu verstehen, aber das wird gleich nur noch ein Prompt sein, um das anzupassen. Aber ja, ich finde schon, das ist designmäßig schon echt gut. Wir schauen uns noch die anderen Posts an. Hier der zweite Post über 7 Prozesse, die man mit KI automatisieren kann. Auch wieder sehr klein, müssen wir noch mal sagen. Dann hier eine Vergleichstabelle für 4 Tools zur Lead-Generierung. Gefällt mir vom Design her sehr gut, aber auch wieder zu klein. Ein weiterer Post. Hier noch mal ein bisschen anderes Design. Er hat hier versucht n8n-Workflows nachzubilden. Post 6 DSGVO und KI, was es erlaubt, was nicht. Also wieder zurück in Cursor und wir sagen Claude Code: Designs gefallen mir gut, sie sind aber alle viel zu klein und nicht lesbar. Du musst daran denken, dass alle Posts große Schriften verwenden und alle Elemente darauf groß genug sind. Pack lieber viel weniger auf die Posts drauf und mache dafür alle Inhalte deutlich größer. Fangen wir mit dem ersten Post an und dann sage ich dir, ob es passt und du alle anderen bearbeiten kannst und abschicken. Die erste Erstellung der Posts hat übrigens so Minuten gedauert, deswegen will ich jetzt mal nur mit dem ersten Post anfangen und gucken, dass wir da die Größen richtig bekommen, bevor er dann alle anderen nochmal macht. So, er sagt, Post 1 ist überarbeitet und wir gucken uns das mal an. Gut, so sieht es aus. Ja, von der Größe her besser. Inhaltlich jetzt sehr dünn, muss ich sagen, deswegen schreibe ich jetzt: Die Größe ist okay, kann aber noch etwas größer sein. Die Subheading und die Wochen sind noch zu klein. Inhaltlich ist es jetzt auch sehr dünn. Überleg dir noch mal Themen, die auch in einem lesbaren Post Mehrwert bringen und halte dich sehr genau an die Bloginhalte, vor allem der Blogeintrag. Website bauen mit KI ist gut dafür geeignet und abschicken. So, alle neuen Posts sind jetzt gefixt. Schauen wir sie uns an. Mein Tech Stack für das Bauen einer Website mit KI hier fände ich noch cool, wenn wir die richtigen Logos der Services nehmen können. Dann ein Post zur Lead-Generierung, ist hier unten noch ein bisschen abgeschnitten, wie viel kosten die verschiedenen Tools, also den finde ich richtig cool. Auch noch hier unten ein bisschen abgeschnitten. Hier ein Post über Fehler bei der KI-Einführung. Ja, finde ich nicht so sinnvoll, würde ich glaube ich nicht nehmen, aber wir haben genug andere. Dann Daten aus PDFs extrahieren für die verschiedenen Use Cases. Ja, finde ich ganz gut, finde ich auch schön gemacht. Dann hier zwei Prompts, fertige Website, den könnten wir vielleicht auch noch mal ein bisschen anpassen, finde ich aber vom von der Idee her cool. Dann hier eine Rechnung, was bringt KI? Also Stundenlohn mal Zeitersparnis pro Woche, dann Ersparnis pro Person und Monat. Das finde ich eigentlich auch eine coole Idee. Dann Rechnungen automatisiert verarbeiten, Hier so ein n8n-Workflow mal dargestellt, Kosten pro Rechnung 1 Cent und hier nochmal lokale SEO-Seiten mit KI generieren. Ja, das finde ich eigentlich auch eine coole Idee. OK, dann noch mal die Anpassung der Posts. Ich werde mir ein paar Posts hier jetzt auswählen, die ich genauer bearbeiten möchte. Zunächst mal der hier mit dem Prompt. So, ich habe ihm jetzt noch mal gesagt, was ich an den verschiedenen Posts optimiert haben möchte von denen, die mir gut gefallen haben. So, ich habe noch eine Anpassung gemacht und zwar, dass er sich die echten Logos der Tools runterlädt. Und jetzt gibt es 5 Posts, mit denen ich wirklich zufrieden bin, die ich aus diesen neuen ausgewählt habe. Das ist zum einen mal hier der Post zum Tech Stack. Dann der Prompt für die Website mit. Da hat er hier so ein Prompt-Fenster auch noch gebaut, was ich sehr cool finde. Dann hier die Übersicht über verschiedene Tools und deren Kosten. Dann der Return of Invest von KI-Einführung mit dieser Beispielrechnung und der zur lokalen SEO. Diese Posts müssen wir jetzt nur noch in PNG exportieren und auch das geht mit Claude Code, also benenne die Posts richtig und exportiere sie in PNG. Er checkt jetzt, ob Node.js installiert ist und ob Puppeteer installiert ist. Puppeteer ist etwas, mit dem er den Browser steuern kann, das heißt, er wird jetzt wahrscheinlich die dann in HTML anzeigen im Browser und sie dann screenshotten. Jetzt sind die Posts fertig exportiert, schauen wir sie uns an. Das sind jetzt alles die PNG-Formate. Und ja, da sind jetzt ein paar dabei, die ich richtig gut finde und die ihr bestimmt demnächst auch bei mir auf LinkedIn sehen werdet. Ich habe tatsächlich das auch schon mal für andere Unternehmen in der Umgebung gemacht, also deren Website mit Claude Code analysiert und dann für diese Unternehmen Posts generiert und habe den da, habe die dann kontaktiert auf Instagram zum Beispiel und ihnen gesagt, hey, schau dir das mal an, diese Posts kann ich für dich erstellen. Also wer gerade eine Agentur neu aufmachen möchte, wäre vielleicht das eine coole Idee, eure ersten Kunden zu gewinnen. Gerade zum Beispiel Immobilienmakler müssen ja immer wieder neue Anzeigen schalten und brauchen auch Vertrauen, dass sie vielleicht auch über Social Media aufbauen. Das wäre zum Beispiel eine erste Zielgruppe für euch. Aber auch wenn ihr für eure eigene Website oder in eurem eigenen Stil Posts erstellen möchtet, dann ist das Verfahren natürlich genau das gleiche. Besonders gut funktioniert das Ganze natürlich bei Websites, die mit Code erstellt sind, also reinem Code, wo keine Skripte sind, die noch irgendwie nachgeladen werden müssen. Deswegen eignet sich eben Astro, was wir im letzten Video verwendet haben, um unsere Website zu erstellen, so gut dafür. Wix und WordPress, das sind eher so Baukästen, wo das Design, also das Template und der Inhalt häufig voneinander getrennt sind. Das heißt, damit kann die KI häufig nicht so gut umgehen. Aber es geht trotzdem einigermaßen. Ich habe es auch schon ausprobiert und die Ergebnisse sind auch okay. Tools, die wir jetzt verwendet haben, waren wirklich diesmal nur Cursor und Claude Code und da kostet allein Claude Code in dem niedrigsten Tier kostet 20 €. Und ja, das sind alle Tools, die ihr dafür braucht. Wenn ihr andere KI-Anwendungsfälle sehen wollt, dann schreibt es gerne in die Kommentare und folgt natürlich für mehr KI-Infos.