Zum Hauptinhalt springen
teamspace

Vibe-Coding: Ihr ERP mit eigenen Apps erweitern.

Mit Vibe-Coding bauen Sie sich eigene Apps auf dem Cloud-ERP teamspace, ohne den Code selbst zu schreiben. Vibe-Coding heißt: Sie beschreiben in normaler Sprache, was eine Anwendung tun soll, und ein KI-Coding-Agent wie Claude Code oder Cursor schreibt den Code dazu. Mit teamspace entstehen so kleine Apps, die über die REST-API mit Ihren Projekten, Zeiten und offenen Punkten arbeiten, und zwar mit genau den Rechten, die Sie in teamspace haben.

Vibe-Coding mit teamspace als helle Konzept-Illustration: links eine Auftrags-Karte mit dem Satz Baue eine Web-App für meine offenen Punkte und dem Hinweis, zuerst den Leitfaden für Coding-Agenten zu lesen, in der Mitte eine Karte Coding-Agent mit den abgehakten Schritten Leitfaden gelesen, openapi.json und mit Testdaten geprüft, rechts ein Smartphone mit der fertigen App Offene Punkte, in der ein Punkt der Bauer KG nach links zum Erledigen gewischt wird, unten die teamspace REST-API mit Anmeldung per Gerätepasswort und dem Hinweis, dass die Rechte des Benutzers auch in der App gelten.

Drei Beispiele

Drei Apps, die bei uns mit einem Coding-Agenten entstanden sind.

Alle drei sprechen über die REST-API mit teamspace und laufen im Browser, auf dem Handy wie am Schreibtisch. Keine braucht eigene Server-Logik, eine Ablage mit https genügt.

Offene Punkte auf dem Smartphone

Zeigt die Ihnen zugewiesenen offenen Punkte, überfällige zuerst, mit Fälligkeit, Projekt und Farbmarkierung. Nach links wischen erledigt einen Punkt, fünf Sekunden lang lässt er sich zurückholen. Nach rechts wischen öffnet ihn zum Bearbeiten, und neue Punkte legen Sie mit Betreff und Fälligkeit per Schnellwahl an.

Projektleitungs-Übersicht, nur lesend

Listet die Hauptprojekte, die Sie verantworten, mit einer Ampel für geplante gegen gebuchte Stunden. Im Projekt sehen Sie die Stunden der letzten zwölf Wochen je Mitarbeiter, offene Punkte, Tickets und den Zahlungsstand der Rechnungen. Die App ändert nichts in teamspace.

Zeiterfassung für heute

Projekt suchen, Erfassung starten, beim Stopp mit Bereich und Rubrik buchen. Fehlt noch eine Angabe, wird die Zeit als Entwurf gespeichert. Gebuchte Zeiten des Tages lassen sich antippen und ändern, solange sie nicht verrechnet sind.

Was Vibe-Coding ist

Software beschreiben, statt sie selbst zu programmieren.

Vibe-Coding ist eine Art, Software zu entwickeln, bei der ein Mensch das gewünschte Ergebnis in natürlicher Sprache beschreibt und ein KI-Coding-Agent den Quellcode schreibt, ausprobiert und überarbeitet. Den Begriff hat Anfang 2025 der KI-Forscher Andrej Karpathy geprägt. Typische Werkzeuge sind Claude Code, Cursor oder vergleichbare Agenten, die Dateien anlegen, Programme starten und Webseiten lesen können.

Für ein Unternehmen wird das dort interessant, wo eine Standard-Software fast passt. Eine Ansicht fehlt, ein Handgriff soll auf dem Handy schneller gehen, eine Auswertung braucht genau Ihre Kennzahl. Früher hieß das: ein Projekt beim Dienstleister oder eine Excel-Liste daneben. Heute reicht oft ein gut formulierter Auftrag an einen Coding-Agenten.

Damit daraus eine App wird, die mit echten Daten arbeitet, braucht der Agent drei Dinge: eine Schnittstelle, eine genaue Beschreibung dieser Schnittstelle und Regeln, wie sie sich im Alltag verhält. teamspace liefert alle drei. Die REST-API öffnet Projekte, Zeiten, offene Punkte, Tickets und Rechnungen. Jeder Server beschreibt sie ab Version 26.2 maschinenlesbar in einer OpenAPI-Datei. Und das Hilfecenter führt einen eigenen Leitfaden für Coding-Agenten, den der Agent vor der ersten Zeile Code liest.

Der Weg zur eigenen App

Vom Gerätepasswort bis zur App auf dem Handy.

Fünf Schritte, von denen nur der zweite wirklich Nachdenken verlangt: Was soll die App tun, und was darf sie?

  1. 1

    Gerätepasswort anlegen

    In teamspace unter Persönliche Einstellungen, Reiter Geräte, Neues Gerätepasswort. Sie erhalten eine Geräte-ID und einen Token; der Token wird nur einmal angezeigt. Dafür braucht Ihr Konto die Berechtigung „Synchronisation“. Legen Sie für jede App ein eigenes Gerätepasswort an.

  2. 2

    Den Auftrag formulieren

    Was soll die App zeigen, darf sie nur lesen oder auch schreiben, wo soll sie laufen? Dazu die Server-Adresse, unter der Sie teamspace öffnen, und Fachbegriffe, die kein eigenes Feld haben. Was „Budget“ bei Ihnen heißt, entscheiden Sie, nicht der Agent.

  3. 3

    Der Agent liest, bevor er schreibt

    Zuerst den Leitfaden für Coding-Agenten im Hilfecenter, dann die OpenAPI-Beschreibung Ihres Servers unter <server>/api/openapi.json. Sie ist ohne Anmeldung lesbar, die Daten selbst bleiben geschützt. Was in keiner Quelle steht, fragt der Agent bei Ihnen nach. Seit Version 2026.3 hilft zusätzlich der neue ApiExplorer in teamspace beim Entwickeln eigener Apps.

  4. 4

    Testen, zuerst ohne echte Daten

    Der Agent prüft die App gegen nachgebaute Antworten. Erst danach kommt Ihr Server, mit einem eigenen Gerätepasswort für Tests und an einem eigenen Test-Datensatz, den er am Ende wieder löscht.

  5. 5

    Ausliefern und anmelden

    Die fertigen Dateien kommen auf einen Webspace mit https, am besten auf eine eigene Subdomain. Dort melden Sie sich mit Server-Adresse, Geräte-ID und Token an. Das Login-Passwort braucht die App nie.

Der erste Satz

Ein Satz genügt für den Anfang. Den Rest holt sich der Agent aus den Quellen.

Der Coding-Agent bekommt nicht nur die Idee, sondern auch die Quellen und den Rahmen. Wie ein vollständiger Auftrag aussieht, zeigt der Abschnitt darunter.

Sie

Baue mir eine App für meine offenen Punkte.

  • Liest zuerst den Leitfaden Der Leitfaden für Coding-Agenten sagt, wie sich die API tatsächlich verhält, auch dort, wo die technische Beschreibung schweigt.
  • Prüft die Beschreibung Ihres Servers Adressen, Filter und Felder kommen aus der openapi.json Ihrer Installation, nicht aus dem Gedächtnis des Sprachmodells.
  • Fragt nach, statt zu raten Welche Priorität welchem Stern entspricht oder welche Ticket-Status als offen gelten, legt jede Installation selbst fest. Das klärt der Agent mit Ihnen.

Beispiel-Auftrag

So sah der Auftrag für die App „Offene Punkte“ aus, leicht gekürzt.

Diesen Text kopieren Sie in Ihren Coding-Agenten. Die Angaben in spitzen Klammern ersetzen Sie vorher, vor allem die Server-Adresse: Bleibt dort ein Platzhalter stehen, kann der Agent die Beschreibung Ihrer Installation nicht lesen.

Baue mir eine mobile Web-App „Offene Punkte“ für teamspace.
Server-Adresse: <https://ihre-adresse> (die Adresse, unter der wir teamspace im Browser öffnen)

Lies zuerst den Leitfaden für Coding-Agenten unter
https://help.teamspace.de/thema/api/coding-agenten/ und dann
<Server-Adresse>/api/openapi.json (nur die benötigten Pfade).
Triff keine Annahmen, die dort nicht belegt sind. Frag mich.

Funktionen
- Anmeldung mit Server-Adresse, Geräte-ID und Token (Gerätepasswort),
  optional „Angemeldet bleiben“.
- Liste meiner offenen Punkte: überfällige zuerst, mit Fälligkeit,
  Projekt und Farbmarkierung.
- Nach links wischen = erledigt, 5 Sekunden „Rückgängig“, erst danach
  speichern. Nach rechts wischen = bearbeiten.
- Neue Punkte: Betreff, Fälligkeit per Schnellwahl, Farbe.

Rahmen
- Eine einzige HTML-Datei ohne externe Abhängigkeiten,
  deutsche Oberfläche mit „Sie“.
- Nur https. Zugangsdaten nie im Code, dauerhaft nur nach Zustimmung.
- Serverdaten nur als Text ausgeben, Fehlermeldungen ohne Stacktrace.
- Erst gegen nachgebaute Daten testen. Schreibende Tests auf meinem
  Server nur nach Rückfrage und nur an einem eigenen Test-Punkt.

Geräte-ID und Token stehen bewusst nicht im Auftrag. Sie geben sie erst in der fertigen App ein, nie im Chat mit der KI und nie auf einem Bildschirmfoto. Ist das doch passiert, löschen Sie das Gerätepasswort in den Persönlichen Einstellungen und legen ein neues an. Eine allgemeine Vorlage für eigene Ideen steht am Ende des Leitfadens für Coding-Agenten.

MCP-Server

Eine Frage an teamspace, direkt im KI-Chat.

Über den MCP-Server greift Ihr KI-Assistent im Gespräch auf teamspace zu. Das passt für Fragen, die Sie vorher nicht kennen. Es entsteht keine eigene Anwendung, und der MCP-Server ist in jeder Edition enthalten.

Was die KI innerhalb von teamspace selbst übernimmt, steht unter KI in teamspace.

Vibe-Coding

Eine eigene App, die jeden Tag dasselbe tut.

Beim Vibe-Coding schreibt der Coding-Agent einmal eine Anwendung, die danach ohne KI läuft: jeden Morgen dieselbe Liste, derselbe Knopf zum Buchen. Sie nutzt die REST-API, die ab der enterprise-Edition enthalten ist.

Beides schließt sich nicht aus. Gelegentliche Fragen beantwortet der KI-Chat. Was täglich gebraucht wird, verdient eine eigene App.

Worauf Sie achten

Selbst gebaut heißt auch: selbst abgesichert.

Diese Regeln stehen im Hilfecenter. Sie gelten für jeden Code, egal ob ein Mensch oder ein Coding-Agent ihn geschrieben hat.

Rechte und Zugang

  • Die App kann alles, was ihr Benutzer in teamspace darf, auch löschen. Das gilt auch für eine App, die nur lesen soll.
  • Vorher festlegen: nur lesen oder auch schreiben
  • Ein eigenes Gerätepasswort je App, ein weiteres für Tests
  • Vor Schritten mit Folgen fragt die App nach

Zugangsdaten

  • Geräte-ID und Token nie in den Chat mit der KI
  • Nie in den Quelltext oder in eine Konfigurationsdatei
  • „Angemeldet bleiben“ nur auf dem eigenen Gerät
  • Bei Verdacht das Gerätepasswort löschen oder über „Passwort ändern“ neu erzeugen

Ausliefern

  • Nur über https
  • Eine eigene Subdomain ohne Analyse-, Tracking- oder Chat-Skripte, denn jedes Skript auf derselben Domain kann gespeicherte Zugangsdaten lesen
  • Keine Skripte von fremden Servern laden
  • Serverdaten nur als Text ausgeben, nie als HTML

Gut zu wissen

Eine selbst gebaute App ist Ihre eigene Software.

Der Coding-Agent schreibt den Code, freigeben müssen Sie ihn. Wie bei jeder Eigenentwicklung testen Sie die App, bevor Ihr Team sie nutzt, und schauen nach einem teamspace-Update noch einmal darauf. Ob und wie wir Sie bei einer eigenen App begleiten, besprechen wir im Erstgespräch.

Auch ein Coding-Agent irrt sich, und zwar gern an Stellen, die in keiner technischen Beschreibung stehen. Ein Beispiel aus dem Leitfaden: Ein Ändern per PUT ersetzt in teamspace den ganzen Datensatz. Schickt eine App nur den geänderten Betreff mit, leert der Server Projekt, Priorität und Beschreibung, ohne Fehlermeldung. Deshalb steht im Leitfaden, wie man sicher ändert: frisch laden, prüfen, ob inzwischen jemand anderes geändert hat, alle Felder zurückschicken und danach vergleichen.

Eine App im Browser spricht direkt mit Ihrem teamspace-Server, ein Zwischenserver ist nicht nötig. Dafür muss der Server solche Anfragen aus dem Browser zulassen. Ob das für Ihre Installation gilt, klären wir vorab mit Ihnen. Und manche Felder lassen sich erst ab einer bestimmten teamspace-Version schreiben. Der Leitfaden nennt diese Stellen, die Version Ihres Servers steht in seiner OpenAPI-Beschreibung.

Ihre Idee

Sie haben eine App-Idee für Ihre teamspace-Daten?

Bringen Sie die Idee mit, gern als einen einzigen Satz. Im Erstgespräch klären wir, ob die REST-API die nötigen Daten hergibt, welche Edition Sie dafür brauchen und ob ein MCP-Zugang vielleicht die einfachere Antwort ist.

Termin vereinbaren

Eigene Auswertungen

Wo die vordefinierten Berichte aufhören, beginnt ein eigenes Dashboard.

teamspace bringt Berichte und Auswertungen mit, vom Deckungsbeitrag am Projekt bis zur Kostenstelle. Braucht Ihre Geschäftsführung eine Kennzahl genau in Ihrer Definition, oder eine Ansicht, die es so nicht gibt, kann ein Coding-Agent sie über die REST-API bauen. Die Projektleitungs-Übersicht oben ist so entstanden.

Am Projekt stehen dafür mehrere Paare aus Plan und Ist bereit: Stunden, abrechenbare Stunden, Arbeitskosten, Kosten und Erlöse. Welches davon bei Ihnen „Budget“ heißt, legen Sie im Auftrag fest. Gebuchte Stunden lassen sich über den ganzen Projektbaum zusammenzählen, je Woche und Mitarbeiter, und gegen die Summe in teamspace prüfen. Stimmen beide, sind Filter und Unterprojekte richtig erfasst.

Was teamspace an Controlling mitbringt

Anbinden und erweitern

Weitere Wege, teamspace mit anderen Werkzeugen zu verbinden.

Vibe-Coding ist einer von vier Wegen. Welcher passt, hängt davon ab, ob Sie eine Frage stellen, eine Verbindung brauchen oder eine eigene Anwendung wollen.

KI im ERP

Ihr eigener KI-Zugang innerhalb von teamspace, etwa um lange Ticketverläufe zu verdichten. teamspace betreibt dafür kein eigenes Sprachmodell.

Mehr erfahren

MCP-Server

KI-Assistenten wie Claude, ChatGPT oder Cursor greifen kontrolliert auf teamspace zu, mit den Rechten des angemeldeten Benutzers.

Mehr erfahren

Integrationen und API

Fertige Anbindungen an DATEV, Microsoft Teams und Outlook und die offene REST-API für alles andere.

Mehr erfahren

Controlling

Berichte, Kosten- und Leistungsrechnung und Deckungsbeiträge, die teamspace bereits mitbringt.

Mehr erfahren

Worum es geht

Vibe-Coding mit teamspace in Kürze.

Vibe-Coding bedeutet, eine Anwendung in natürlicher Sprache zu beschreiben und den Code von einem KI-Coding-Agenten schreiben zu lassen. Mit teamspace entstehen so eigene Apps auf den eigenen Daten: eine Liste offener Punkte für das Handy, eine Übersicht für Projektleiter, eine schnelle Zeiterfassung. Die Apps arbeiten über die REST-API, die ab der enterprise-Edition enthalten ist, und melden sich per Gerätepasswort mit Geräte-ID und Token an. In der App gelten dieselben Rechte wie in teamspace.

Der Agent stützt sich auf zwei Quellen: die OpenAPI-Beschreibung, die jeder Server unter seiner eigenen Adresse bereitstellt, und den Leitfaden für Coding-Agenten im Hilfecenter. Wer statt einer eigenen App lieber im KI-Chat fragt, nutzt den MCP-Server. Entwickelt wird teamspace seit 1999 von der 5 POINT AG in Darmstadt und ausschließlich in der EU betrieben.

Erstgespräch

Wir schauen gemeinsam auf Ihre App-Idee.

Erzählen Sie uns, welche Ansicht oder welcher Handgriff Ihnen in teamspace fehlt. Im kurzen Gespräch klären wir, ob eine eigene App, ein MCP-Zugang oder eine vorhandene Funktion der bessere Weg ist.

Häufige Fragen zu Vibe-Coding mit teamspace

Was ist Vibe-Coding?
Vibe-Coding ist eine Art, Software zu entwickeln: Ein Mensch beschreibt in natürlicher Sprache, was eine Anwendung tun soll, und ein KI-Coding-Agent wie Claude Code oder Cursor schreibt, testet und überarbeitet den Code. teamspace schreibt keinen bestimmten Agenten vor. Wichtig ist, dass er den Leitfaden für Coding-Agenten und die OpenAPI-Beschreibung Ihres Servers liest.
Brauche ich dafür Programmierkenntnisse?
Für den Auftrag nicht. Sie beschreiben, was die App zeigen und tun soll, und legen fest, ob sie nur liest oder auch schreibt. Hilfreich ist jemand im Team, der die fertige App prüft, bevor alle sie nutzen, und sie auf einem Webspace mit https ablegt.
Welche teamspace-Edition brauche ich?
Eigene Apps arbeiten über die REST-API, und die ist ab der enterprise-Edition enthalten. Der MCP-Server für KI-Assistenten ist dagegen in jeder Edition dabei. Welche Edition zu Ihrem Vorhaben passt, klären wir im Erstgespräch.
Wie meldet sich eine eigene App bei teamspace an?
Mit einem Gerätepasswort, das Sie unter Persönliche Einstellungen, Reiter Geräte, anlegen. Die App schickt Geräte-ID und Token per HTTP Basic Auth mit jeder Anfrage. Ihr Login-Passwort braucht und speichert sie nie. Für das Gerätepasswort braucht Ihr Konto die Berechtigung „Synchronisation“. Die Einzelheiten stehen unter Authentifizieren: Gerätepasswort und API-Token.
Kann eine eigene App mehr, als ich in teamspace darf?
Nein. Über die API gelten genau die Rechte, die Sie in der Oberfläche haben. Wer eine Personalakte in teamspace nicht sehen darf, sieht sie auch in der eigenen App nicht. Umgekehrt kann eine App alles, was Sie dürfen, auch wenn sie nur lesen soll. Deshalb gehört zu jeder App ein eigenes Gerätepasswort, das Sie einzeln widerrufen können.
Was ist der Unterschied zwischen Vibe-Coding und dem MCP-Server?
Über den MCP-Server fragt Ihr KI-Assistent teamspace im Chat, passend für Fragen, die Sie vorher nicht kennen. Beim Vibe-Coding entsteht eine eigene Anwendung, die danach ohne KI läuft und jeden Tag dasselbe tut. Die Abwägung beschreibt das Hilfecenter unter MCP oder API.