App Builder

Echten Code schreiben.
Kontrollierte Tools liefern.

Code-first Builder mit echten TypeScript- oder Python-Projekten (FastAPI), container-backed Preview und gepinnten Build-Artefakten für governed Deployments.

Jetzt starten In Aktion sehen
Relpin Studio — Code-Editor mit TanStack-Start-Projekt, OpenCode-Agent-Session, Live-Vorschau und Workspace-Terminal in einer Oberfläche.
Code-Editor

Code-first. Nicht Config-first.

Echtes TypeScript und React im TanStack-Start-Projektgraph schreiben. Die generierte App nutzt Workspace-Packages wie @app-builder-platform/ui und @app-builder-platform/data statt eines browser-only DSL.

Studio-Code-Editor mit Projekt-Explorer und einer echten TanStack-Start-Route-Datei mit typisierten Imports.
Ein echtes Projekt, keine Widgets

Der Explorer enthält ein gewöhnliches TanStack-Start-Repo — Routes, Komponenten, Plattform-Packages — das Sie als Code bearbeiten.

Container-Diagnostics

TypeScript-Fehler erscheinen inline aus dem container-backed Projektgraphen — keine untyped Binding-Strings.

Hot Reload

Container-basiertes HMR kompiliert gegen den lebenden Projektgraphen, sobald Sie speichern.

React + TypeScript · shadcn Starter · Runtime APIs · HMR
Live-Vorschau

Vorschau mit echten Daten. Nicht mit Mocks.

Preview läuft über dieselben Projektdateien und denselben server-authoritative Pipeline-Pfad wie der Draft. Datenzugriff bleibt governed und serverseitig.

  • Container-backed und server-authorized — nie ein Browser-Fallback
  • Runtime-APIs speisen die Preview aus Ihrer governed Data Plane
  • Schema- und Tabellenverbindungsänderungen bleiben auditierbare Plattformoperationen
Live-Vorschau einer laufenden Assignment-Management-App mit echten Metriken und Staffing-Tabelle, mitten im Update.
Container Preview · Runtime APIs · Governed Data · HMR
OpenCode-Agent Live

Beschreiben. Der Agent baut.

OpenCode läuft in Studio gegen denselben governed Workspace wie Ihre eigenen Änderungen: Er liest das echte Projekt, plant und liefert Änderungen über den identischen Patch-Pfad — nichts umgeht Review oder Audit.

  • Sessions scoped auf Org, Workspace, Capsule, App, Environment und User
  • Provider-Credentials verschlüsselt und serverseitig proxied — nie im Browser
  • Läuft unter aktiver Studio Lease und Addon Checks
  • Generierte Änderungen konvergieren über die governed Projektdateien
OpenCode ansehen
Verbundenes OpenCode-Agent-Panel in Studio, das aus einem Ein-Zeilen-Prompt eine neue Overview-Kachel implementiert.
Scoped Sessions · Credential Proxy · Studio Lease · Governed Patches
Komponentenbibliothek

Bausteine. Bereit zur Komposition.

Relpin startet aus einem shadcn-basierten App-Template und Plattform-UI-Packages, danach erweitern Teams das echte React-Projekt.

@app-builder-platform/ui Governed shadcn-Baseline — Accordion bis Tooltip, erweiterbar in echtem React.
App-Template Assignment-orientierte Tabellen, Forms und Layout-Scaffolding ab Erstellung enthalten.
TypeScript-Projektgraph Container-Diagnostics liefern IDE-artiges Editing über das lebende Projekt.
Design Tokens Farben, Abstände und Typografie fließen aus Ihrer Theme-Config.
shadcn Starter · TypeScript · Plattform-UI-Packages · Themed
Anwendungsfälle

Was Teams damit bauen.

Relpin zielt auf typische Ops-Tools wie Queues, CRUD-Workflows, Approval-Flows, Dashboards und Exception Triage.

Admin-Panels

Benutzer- & Systemverwaltung

Rollen-scoped Admin-Oberflächen mit audit-gestützten Operationen und operativen Statusansichten.

CRUD-Apps

Datenverwaltungstools

Vollständige Create-Read-Update-Delete-Workflows mit Validierung, Suche und eingebauter Paginierung.

Genehmigungsworkflows

Mehrstufige Prüfprozesse

Review-Prozesse mit Rollen-Gates, Eskalationsregeln und Tenant-Audit-Events.

Operative Dashboards

Operative Systemüberwachung

Operative Metriken, Alerting-Schwellenwerte und Drill-down-Ansichten über governed Data Paths.

Intake-Formulare

Intake und Datenerfassung

Validierte Intake-Formulare mit Workflow-Triggern, Connector Calls und Tenant-Audit-Events.

Ausnahme-Triage

Ausnahme- und Warteschlangenverwaltung

Aufgaben-Warteschlangen mit serverseitiger Filterung, Prioritätssortierung und Zuweisungs-Workflows.

Ops Use Cases unterstützt · Assignment Starter verfügbar · Governed Internal Tooling
App Builder

Schluss mit Konfigurieren.
Anfangen zu coden.

Echte TypeScript-Projekte. Container-backed Preview. Serverseitige Datenpfade. Gepinnte Build-Artefakte für governed Deploys.

Jetzt starten Plattform erkunden

Offene Beta · Demo-Workspace enthalten · Governance-fokussiert

Code-first · Kontrollierte Releases · Serverseitige Abfragen · Gebaut für den Betrieb