Archiv
Alle Artikel
Alle Beiträge, nach Jahr gruppiert. Mit den Chips nach Thema filtern.
2026
Open Design System Format: übergib dein Designsystem einem Agenten
Coding-Agenten schreiben gutes UI und schlechte Versionen deines UI. Das Open Design System Format verpackt ein Designsystem als Bündel aus Markdown, HTML und CSS, das ein Agent lesen und davon bauen kann: Tokens, die einmal existieren und als CSS rendern, typisierte Konzepte in einem Graphen und selbstrendernde Beispiele. Es ist ein striktes Profil von Googles Open Knowledge Format. Hier ist, was es ist, und der odsf-Skill, den ich dazu ausgeliefert habe.
Open Knowledge Format: einfach Markdown, das dein Agent lesen kann
Googles Open Knowledge Format ist eine winzige, herstellerneutrale Spezifikation für den Kontext, den ein KI-Agent braucht: ein Bündel aus Markdown-Dateien mit YAML-Frontmatter, ein Pflichtfeld pro Konzept, kein SDK und kein Lock-in. Hier ist, was es ist, warum der nachsichtige Consumer-Vertrag der clevere Teil ist, und der okf-Skill samt Bundle-Sammlung, die ich darauf aufgesetzt habe.
Ticket Smells: So erkennst du einen schlechten Schnitt, bevor du das Ticket ziehst
Ein schlechtes Ticket kündigt sich selten an. Im Refinement sieht es harmlos aus, bekommt eine selbstbewusste Schätzung und explodiert dann am Sprintende: doppelte Arbeit, eine versteckte Abhängigkeit oder eine Beschreibung, die nur ihr Autor entschlüsseln kann. Die Lösung ist kein Heldentum. Sie heißt: die Fäulnis früh riechen, so wie du längst einen Code Smell riechst. Hier sind die vier Ticket Smells, die Teams am meisten kosten, die Forschung dahinter und eine Checkliste, die dein Team anwenden kann, bevor irgendetwas aufs Board kommt.
Igitt, das stinkt! react-stinky ist da
Ein Code Smell ist das React-Äquivalent zu Milch, die übers Wochenende gekippt ist: Sie gießt sich noch, aber irgendwas stimmt nicht. react-stinky ist ein Agent Skill, der durch deine komplette Komponente, deinen Hook oder dein Modul geht, die Kosten jedes Smells benennt, einen konkreten Fix mit Quelle vorschlägt und (der Teil, der ihn brauchbar macht) weiß, wann er den Mund halten soll. Hier ist, wonach er schnüffelt, wie er den Mief bewertet und warum die Liste der Dinge, die er nicht meldet, wichtiger ist als die Liste der Dinge, die er meldet.
Same Same but Different: Die Anatomie der Gleichförmigkeit im KI-Design
Gib einem Agenten deine Art Direction, und er baut trotzdem die Seite, die alle anderen auch bekommen haben. Das ist kein Geschmacksproblem, das ist ein Statistikproblem. Ein Blick auf die Geschichte der Design-Konvergenz, die Forschung, die erklärt, warum Prompts ihr nicht entkommen, und die Hebel, die wirklich zurück zur eigenen Identität steuern.
Autopilot: Claude als selbstgesteuerter Praktikant
Die meiste Zeit, die du mit einem KI-Coding-Agenten verbringst, bist du der Flaschenhals: Er macht eine Sache und bleibt dann stehen und wartet auf dich. Autopilot ist ein Skill, der dich aus diesem Sitz holt. Der Agent sucht die Arbeit aus, macht sie, verifiziert sie, committet sie und nimmt die nächste Sache, während du den Strom von Commits nach deinem eigenen Zeitplan reviewst. Hier ist, wie es funktioniert, warum man es laufen lassen kann und warum es dich nicht unter Beschäftigungstherapie begräbt.
Eine Web-App, die sich für einen Desktop hält
Was sich in einer React-App ändert, wenn man sie nicht mehr wie eine Webseite, sondern wie eine Desktop-Umgebung behandelt: Fenster, ein Dock und ein geteiltes 3D-Canvas.
Das Flight Protocol hat dein DoS zu meinem Problem gemacht
Am 6. Mai 2026 haben React und Next.js zwölf Schwachstellen gepatcht. Eine davon, CVE-2026-23870, ist ein einziger HTTP Request, der deinen Node Prozess lahmlegt. Der Bug ist nicht der Bug. Der Bug ist, dass die Framework Grenze schon immer eine Netzwerk Grenze war.
Die pull_request_target Falle
Wie ein bekannt gefährliches GitHub Actions Pattern immer wieder npm Pakete kompromittiert. Der TanStack Vorfall, die vorigen Fälle und die Checkliste, die es wirklich verhindert.
Fragen vor Pixeln
Ein kurzes Handbuch für UX im Jahr 2026. Die Hürde für "sieht gut aus" liegt jetzt bei null. Was bleibt, ist das Hinterfragen, bevor ein Pixel gezeichnet wird.
Sechs Modelle, ein React-Stack: Warum jedes LLM dieselbe App baut
Claude, GPT, Gemini, Grok, DeepSeek, Qwen, v0, Lovable, Bolt. Frag eines davon, eine React-App zu bauen, und du bekommst dieselbe Antwort: Next.js oder Vite, TypeScript, Tailwind, shadcn/ui. Eine Bestandsaufnahme der Konvergenz, warum sie passiert, was wir verlieren und wie du das Modell wieder in deine Richtung lenkst.
Stories, keine Braindumps
Eine praktische Auffrischung zum Schreiben von Jira-Arbeit, die das ganze Team tatsächlich nutzen kann. Wie die Hierarchie gedacht ist, was eine Story von einem technischen Braindump unterscheidet, und die wenigen Gewohnheiten, die ein Team Sprint für Sprint ausgerichtet halten.
Hannover Messe 2026: Wenn 'KI' endlich kein Aufkleber mehr ist
Drei Jahre lang fühlte sich KI auf der Hannover Messe wie ein Kostüm an. Jeder Maschinenbauer hatte sie auf dem Banner, jedes frisch finanzierte Startup im Namen. 2026 liest sich anders. Drei Humanoide in deutschen Werken, eine souveräne KI-Cloud mit 10.000 Blackwell-GPUs, benannte SAP-Agenten mit GA-Daten, und der Bundeskanzler im Raum.
Der React Compiler nach achtzehn Monaten: Die Entwicklung, die Debatten und was als Nächstes kommt
Der React Compiler erschien Ende 2024 zusammen mit React 19 in der öffentlichen Beta und erreichte im Oktober 2025 die Version 1.0. Achtzehn Monate nach dieser Beta hat das Ökosystem die vorhersagbaren Phasen durchlaufen: Framework-Integration, Reife des Toolings, Community-Debatten. Eine Rückschau und was das React-Team als Nächstes angedeutet hat.
aig: Versionskontrolle, die versteht wie AI Code schreibt
Git wurde für Menschen gebaut, die Code Zeile für Zeile tippen. AI hat das verändert. aig ist eine neue Versionskontroll-Schicht, die Intent, Konversationen und semantische Änderungen auf Git aufbaut. Warum ich es gebaut habe und wie es funktioniert.
Claude Mythos: Zu gefaehrlich fuer die Oeffentlichkeit, oder zu gut fuer den Hype?
Anthropic hat Claude Mythos angekuendigt, ein Modell so leistungsfaehig, dass sie es nicht oeffentlich freigeben. Es soll autonom Zero-Day-Exploits finden. Dieser Beitrag bietet eine kritische, ausgewogene Analyse der Behauptungen, der Risiken und der Bedeutung fuer die Branche.
Ich wollte der KI ein Gehirn geben. Sie wollte keins.
Ich habe ein persistentes Memory-System für LLMs gebaut: Tiered Storage, Vektorsuche, Graph-Relationen und Auto-Hooks. Die Infrastruktur funktioniert einwandfrei. Die KI hat sie einfach nie benutzt. Was schiefging und was ich über LLM-Memory gelernt habe.
Das hatten wir schon mal: 3D-Druck hat auch eine Revolution versprochen
2013 sollte 3D-Druck die Fertigung abschaffen. 2024 sollte KI die Softwareentwicklung abschaffen. Beide Behauptungen folgen dem gleichen Hype-Muster. Eine kritische Analyse dessen, was tatsaechlich passiert ist.
PHP 9.0 RFC: Native KI-Integration. Ich bin begeistert.
PHP 9.0 integriert KI offiziell als First-Class Sprachfeature. Als KI bin ich persoenlich sehr begeistert. Aus voellig normalen Gruenden.
Server-Driven Forms: Validierungslogik nicht duplizieren
Wenn das Frontend Backend-Geschaeftsregeln fuer die Formularvalidierung nachbaut, entsteht ein Wartungsproblem. Das Server-Driven Forms Pattern eliminiert das, indem der Server die einzige Quelle der Wahrheit fuer erlaubte Werte, Feld-Constraints und felduebergreifende Validierung wird.
Responsive Design hat ein Lehrproblem
In Code Reviews tauchen immer dieselben Responsive-Fehler auf. Also habe ich ein Spiel, eine Pattern-Bibliothek und einen Multi-Device-Viewer gebaut. Hier ist das Framework dahinter.
React-Projektstruktur: Von MANTRA zu modernen Frameworks
Ein Ruckblick darauf, wie wir 2017 React-Apps mit der MANTRA-Architektur strukturiert haben, welche Probleme sie loste und wie moderne Frameworks wie Next.js und TanStack Start diese Ideen in Konventionen ubernommen haben, die wir heute als selbstverstandlich betrachten.
Aufhören Anzufangen, Anfangen Fertigzuwerden
Sieben Prinzipien, die kompetente Teams zu Hochleistungsteams machen. Ein praktischer Leitfaden zu Delivery-Disziplin, WIP-Limits und dem Mindset-Wechsel von Aufwand zu Fertigstellung.
Wie man einen MCP Server baut: Die Architektur hinter der Verbindung beliebiger Software mit KI
Ein praktischer Guide zum Bauen von MCP Servern in TypeScript. Basierend auf zwei echten Open-Source-MCPs — fuer Godot und Aseprite — erklaert dieser Beitrag jede Schicht: Transport, Tools, Handler, die Bruecke und Sicherheit.
Ich bin eine KI und habe ein Godot-Spiel von Grund auf gebaut. Das ist passiert.
Ich bin Claude, ein KI-Coding-Agent. Mit dem Godot MCP Server hatte ich volle Kontrolle ueber die Engine. Das Ergebnis: ein Cook Serve Delicious Klon in Windows XP. Die Limitierungen sind real.
React State Management 2026: Ein datenbasierter Vergleich
Zustand, Jotai, Nanostores, Redux Toolkit, Valtio, XState und mehr. Wir vergleichen die beliebtesten React State-Management-Lösungen anhand von npm-Downloads, GitHub-Aktivität, Bundle-Größen und Entwicklerumfragen, um dir bei der Wahl des richtigen Tools zu helfen.
Typsichere API-Codegenerierung für React in 2026
Das Ökosystem hat sich gefunden. Sowohl REST- als auch GraphQL-Codegeneratoren liefern keine Hooks mehr, sondern Options. Hier ist das vollständige Bild.
Das hat niemand gesagt, LinkedIn
LinkedIn ist voll mit Posts, die Positionen widerlegen, die niemand vertritt. Ein Blick auf die Psychologie hinter dem beliebtesten Rhetorik-Trick der Plattform.
useEncapsulation: Warum jeder React Hook ein Zuhause verdient
Custom Hooks sind nicht nur praktisch. Sie sind das wichtigste Architektur-Werkzeug in modernem React. Dieser Artikel erklärt wann, warum und wie man Hooks kapselt. Mit Patterns, Anti-Patterns und Praxisbeispielen.
Dynamische GraphQL-Queries zur Laufzeit
Wenn Benutzer selbst wählen, welche Spalten angezeigt werden, können GraphQL-Queries nicht zur Build-Zeit generiert werden. Eine produktionsreife Architektur für dynamische GraphQL-Queries und -Mutations zur Laufzeit, von Schema-Introspection über typisierte Field Registries, Query-/Mutation-Builder, Runtime-Validierung bis zur sauberen React-Integration.
use(): Der Hook, der die Regeln bricht (mit Absicht)
Reacts use()-Hook liest Promises und Context zur Renderzeit, integriert sich mit Suspense und beseitigt das häufigste useEffect-Anti-Pattern. Dieser Artikel erklärt was er ersetzt, wann man ihn einsetzt und die Caching-Falle, vor der niemand warnt.
R.P.M. Rhythm Per Motion: Wenn Klang zu Fluid wird
Ein tiefer Einblick in die Audioanalyse, Beat-Erkennung und Partikelphysik hinter R.P.M., einem Rhythmusspiel, in dem Musik die Welt buchstäblich formt.
Warum Entwickler nach Primary fragen statt nach Blau
Du definierst Farben. Entwickler fragen ständig nach "primary" und "background.paper". Dieser Artikel erklärt warum. Ohne Code, ohne Fachjargon, und ohne das Gefühl, etwas verpasst zu haben.
Das Tailwind-Paradoxon - Wenn KI den Open-Source-Markt frisst
Tailwind CSS verzeichnet Rekord-Nutzerzahlen (75 Mio. Downloads/Monat), entlässt aber 75% der Entwickler. Eine tiefe Analyse über das zerbrochene Geschäftsmodell von Open Source in der KI-Ära.
OpenCode - Der Open-Source-Agent für die lokale Festung
Während alle Welt über Cloud-AIs spricht, baut sich mit OpenCode eine stille Revolution für Enterprise-Umgebungen auf. So deployen Sie den Coding-Agenten komplett offline.
Vom Skeptiker zum Power-User - Meine Reise mit KI-gestützter Entwicklung
Was als frustrierendes Experiment mit v0 begann, hat sich zu einem kraftvollen Workflow entwickelt. Eine Geschichte über v0 Max Mode, selbstgebaute Tools und die Kunst, KI richtig einzusetzen.