Loora: Ein kollaboratives Canvas-Design-Tool für KI-Agenten über MCP

Repositorylassejlv/looraTool

Loora ist ein Open-Source-Design-Tool auf Canvas-Basis, das menschlichen Designern und KI-Agenten die gemeinsame Arbeit an strukturierten UI-Knoten ermöglicht. Über das Model Context Protocol (MCP) können Coding-Assistenten wie Claude, Cursor, Codex oder opencode direkt dasselbe Dokument bearbeiten.

Das Wichtigste

  1. Agenten-Integration: Anbindung von KI-Tools wie Claude, Cursor, Codex oder opencode über MCP auf demselben Canvas.
  2. Versionsverwaltung: Bietet Branching, Versionshistorie und One-Way-Exporte nach HTML, React/TSX, JSON sowie PNG.
  3. Moderner Tech-Stack: Aufgebaut mit Bun, TanStack Start, Drizzle ORM, Neon DB, Better Auth, oRPC und Tailwind CSS / shadcn-ui.
  4. Multi-Plattform-Architektur: Umfasst Web-Apps, Cloudflare Worker für MCP-Transport und Echtzeit-WebSockets sowie eine Tauri-Desktop-App.
  5. Eigener Skill: Enthält einen Design-Guide-Skill ('npx skills add ...'), der Agenten den Umgang mit den Canvas-Werkzeugen vermittelt.
  6. Open Source: Lizenziert unter der GNU Affero General Public License v3.0 (AGPL-3.0) mit optionaler Abrechnungsintegration via Polar.

Warum das relevant ist

Klassische Design-Werkzeuge sind primär für menschliche Eingaben optimiert und für generative KI-Agenten schwer strukturiert anzusprechen. Loora schließt diese Lücke, indem es UI-Komponenten in einem standardisierten Format repräsentiert, das Agenten über MCP lesen und manipulieren können, während Entwickler Entwürfe direkt in Code exportieren.

Einordnung

Das Projekt löst das Problem des Medienbruchs zwischen UI-Konzeption und agentenbasierter Programmierung. Durch die Bereitstellung eines Canvas mit strukturierten UI-Knoten und MCP-Endpunkten agiert der Agent nicht nur als Text-Generator, sondern als aktiver Mitgestalter auf der Arbeitsfläche. Der Architekturaufbau im Monorepo ist modular und nutzt moderne Webtechnologien (TanStack Start, Cloudflare Worker, oRPC, Tauri). Gemessen an 136 Sternen und 14 Forks befindet sich das Projekt noch in einem frühen bis mittleren Entwicklungsstadium, bietet jedoch bereits ein ausgereiftes architektonisches Konzept für Entwickler und UX-Teams, die agentengestützte Workflows ausprobieren wollen.

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Link:Loora

    Loora: Canvas-Design-Tool mit nativer MCP-Integration für Coding-Agents

    Loora ist ein Canvas-basiertes UI-Design-Tool, das über das Model Context Protocol (MCP) direkt von KI-Coding-Agents wie Claude, Cursor oder Codex bearbeitet werden kann. Die Dokumente basieren auf strukturierten, typisierten Daten mit Branching und Versionsverwaltung statt auf reinem Code-Text.

    KI & AI· Tool

  • X-Post:Lasse

    Loora: Open-Source-Designtool für KI-Agenten

    Entwickler Lasse hat Loora vorgestellt, ein quelloffenes Designtool, das für die Steuerung durch KI-Agenten konzipiert ist. Die Anwendung lässt sich selbst hosten und bietet Versionskontrolle sowie Code-Export.

    401Lesezeichen19.080Aufrufe

    KI & AI· Ankündigung

  • Repository:open-pencil/open-pencil

    OpenPencil: Open-Source-Design-Editor als KI-gestützte Figma-Alternative

    OpenPencil ist ein quelloffener, programmierbarer Design-Editor unter MIT-Lizenz, der native Figma- (.fig) und Pencil-Dateien (.pen) verarbeiten kann. Neben typischen UI-Design-Funktionen wie Komponenten und Varianten integriert das Tool KI-Agenten, CLI-Automatisierung sowie Code- und Token-Exporte.

    9087SterneTypeScript

    KI & AI· Tool

  • Repository:superdesigndev/superdesign

    SuperDesign: KI-Agent für UI-Design in IDEs und Code-Assistenten

    SuperDesign ist ein KI-gestütztes Design-Tool, das direkt in Entwicklungsumgebungen wie VS Code, Cursor oder Windsurf UI-Mockups, Wireframes und Komponenten aus Text-Prompts generiert. Das ursprüngliche Open-Source-Repository der IDE-Extension dient als Archiv, während das Projekt zu einer Web-App mit Anbindung an Agenten wie Claude Code weiterentwickelt wurde.

    7312SterneTypeScript

    KI & AI· Tool

  • X-Post:0xMarioNawfal

    Open-Source-Repositories für besseres UI-Design mit Coding-Agenten

    Ein X-Post stellt quelloffene Repositories vor, mit denen KI-Werkzeuge wie Claude Code, Cursor und Codex hochwertigere Benutzeroberflächen statt generischer Standard-Designs erzeugen können.

    6477Lesezeichen264.163Aufrufe

    KI & AI· Sammlung

  • Link:Powerformer, Inc.

    OpenDesign: Lokale Open-Source-Alternative zu Claude Design

    OpenDesign ist ein quelloffener, lokal ausgeführter AI-Design-Workspace unter Apache-2.0-Lizenz, der als Alternative zu proprietären Cloud-Lösungen wie Claude Design positioniert wird. Das Tool verbindet bereits installierte Coding-Agenten mit einem workflowbasierten Designsystem zur Erstellung von Prototypen, Dashboards, Folien und HTML-Videos.

    KI & AI· Tool

Sprechen wir über Ihr Projekt.

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Ein Teil von diesem Inhalt wurde mit KI gemacht.