Open-Source clever erweitern: Yjs-Teamarbeit und KI-Steuerung im Browser
Ein Blick hinter die Kulissen unseres VectorCraft-Forks: Warum wir als Full-Stack-Macher auf bewährte Open-Source-Kerne setzen und sie gezielt um Echtzeit-Kollaboration (Yjs) und KI-Schnittstellen erweitern.
Warum wir auf Open-Source-Fundamente aufbauen statt das Rad neu zu erfinden
Das Prinzip „New Digital Yarn“: Vorhandene Stärken intelligent verweben
In vielen Unternehmen scheitert eine schnelle Grafik-Anpassung an einem Icon, Grundriss oder Vereinslogo daran, dass die Datei nur in einem teuren Desktop-Spezialprogramm geöffnet werden kann. Gleichzeitig gibt es in der Open-Source-Welt bereits hervorragende, in Rust und WebAssembly geschriebene Grafik-Engines für den Browser – doch ihnen fehlen oft genau zwei Dinge für den praktischen Einsatz im Team:
- Gleichzeitiges Arbeiten mehrerer Personen am selben Dokument (wie in Google Docs oder GamifyBoard).
- Eine direkte Schnittstelle zur hauseigenen KI, um Entwürfe nicht als starres Pixelbild, sondern als bearbeitbare Vektorpfade anzulegen.
Unser Ansatz: Shallow-Fork + gezielte Full-Stack-Erweiterung
Statt jahrelang einen eigenen Grafik-Renderer von Grund auf neu zu programmieren (und unseren Kunden unnötige Entwicklungskosten zu berechnen), haben wir einen bestehenden Open-Source-Vektoreditor als Shallow-Fork übernommen und genau die fehlenden Verbindungsstücke selbst entwickelt:
- Yjs / Yrs Echtzeit-Synchronisation: Wir haben das Datenmodell an Yjs (CRDT) angebunden. Dadurch können mehrere Teammitglieder per Link gleichzeitig im Browser zeichnen, Formen verschieben und Farben abstimmen – ohne Dateikonflikte.
- Sofort im Browser nutzbar: Keine Installation, kein Kontozwang, gehostet auf unserer souveränen Cloud-Infrastruktur in Pfaffenhofen.
Bearbeitbare Vektorpfade statt starrer KI-Pixelbilder
Gewöhnliche Bild-KIs erzeugen flache Pixelgrafiken, in denen sich nachträglich weder Schriften noch einzelne Linien sauber verschieben lassen.
In unseren VectorCraft-Fork haben wir deshalb eine direkte Model-Context-Protocol-Schnittstelle (MCP) eingebaut: Ein angebundener KI-Assistent zeichnet auf Zuruf echte, mathematisch präzise Vektorpfade, Formen und Layouts direkt auf die gemeinsame Yjs-Leinwand – und Sie können jedes einzelne Element danach frei mit der Maus weiterbearbeiten.
Probieren Sie unseren Fork direkt im Browser aus unter vector.c4ndy.com oder lesen Sie in der VectorCraft-Fallstudie, wie wir ähnliche Open-Source-Anpassungen auch für Kundenprojekte umsetzen.