C1 by Thesys

Was ist C1 von Thesys?

C1 von Thesys ist eine API-Middleware, die entwickelt wurde, um Antworten von Large Language Models (LLM) in Echtzeit in lebendige, adaptive Benutzeroberflächen zu transformieren. Anstelle der traditionellen einfachen Textausgabe generiert C1 strukturierte UI-Komponenten wie Formulare, Tabellen, Diagramme und Layouts. Diese Komponenten können dann direkt mit dem C1 React SDK gerendert werden, was eine dynamische und interaktive Benutzererfahrung ermöglicht.

Hauptmerkmale:

• Echtzeit-UI-Generierung: Transformiert LLM-Antworten sofort in interaktive UI-Komponenten.
• LLM-Kompatibilität: Unterstützt mehrere LLMs, einschließlich OpenAI und Anthropic, und gewährleistet so Flexibilität.
• Anpassbare UI: Lässt sich in die UI-Bibliothek von Crayon integrieren und ermöglicht so umfangreiche Anpassungen, einschließlich Themes, Tokens und Komponenten.
• Tool Calls Support: Verbindet sich über Tool Calls mit Datenquellen und ruft Ergebnisse aus Datenbanken, Dokumenten und APIs ab.
• Benutzerdefinierte Komponenten: Ermöglicht die Verwendung von benutzerdefinierten React-Komponenten mit einzigartiger Logik und Gestaltung.
• Konfigurierbare Aktionen: Ermöglicht das Einrichten von Aktionen, Callbacks und Workflows, die C1 standardmäßig ausführt.

Wie funktioniert C1 von Thesys?

C1 arbeitet als API-Schicht auf LLMs und erstellt adaptive UIs in Echtzeit. Es nutzt das C1 React SDK, um Antworten von Ihrem Modell in lebendige Schnittstellen zu verwandeln. Der Integrationsprozess umfasst drei einfache Schritte:

1. URL ändern: Konfigurieren Sie Ihre AI-Anfragen so, dass sie den Thesys-Endpunkt verwenden.
2. SDK integrieren: Integrieren Sie das C1 React SDK in Ihr Projekt.
3. UI anpassen (optional): Passen Sie die UI-Komponenten an Ihre Marke und Ihre Anwendungsanforderungen an.

Das folgende Codebeispiel zeigt, wie Sie C1 in Node.js und OpenAI integrieren:

const { OpenAI } = require('openai');

// Create OpenAI client with Thesys endpoint
const client = new OpenAI({
  apiKey: process.env.THESYS_API_KEY,
  baseURL: 'https://api.thesys.dev/v1/embed'
});

// Now use the client for your AI requests
const response = await client.chat.completions.create({
  model: '<model-name>',
  messages: [
    { role: 'user', content: 'Hello, world!' }
  ]
});

Für wen ist C1 von Thesys gedacht?

C1 wurde für Teams entwickelt, die AI-native Anwendungen wie Softwareagenten, Copiloten und andere Tools entwickeln, bei denen sich die Anwendungsfälle schnell weiterentwickeln. Es ist besonders nützlich, wenn statische UIs nicht ausreichen. Es passt sich an Logik, Status und Benutzerverhalten an, sodass LLMs sowohl die Ausgabe als auch die Interaktion gestalten können.

• Entwickler: Reduzieren Sie den Frontend-Aufwand und beschleunigen Sie die Entwicklung.
• Produktteams: Erstellen Sie effizient dynamische, aufgabenspezifische Schnittstellen.
• AI-Native Teams: Perfekt für Teams, die eine schnellere Markteinführung und niedrigere Entwicklungskosten benötigen.

Warum C1 von Thesys wählen?

C1 von Thesys bietet mehrere Vorteile gegenüber herkömmlichen UI-Entwicklungsmethoden:

• Schnellere Markteinführung: Teams können AI-Frontends 10x schneller erstellen.
• Niedrigere Entwicklungskosten: Reduziert die Entwicklungskosten um bis zu 80 %.
• Höheres Engagement: Benutzer finden C1-Antworten ansprechender als statischen Text.
• Sicherheit auf Enterprise-Niveau: Konform mit GDPR, SOC2 und ISO27001, mit Null-Datenaufbewahrung und privaten Bereitstellungsoptionen.
• Flexibilität: Funktioniert mit jedem AI-Stack, ist vollständig anpassbar und unterstützt alle Tool Calls und benutzerdefinierten React-Komponenten.

Wie verwende ich C1 von Thesys?

Die Verwendung von C1 umfasst die Integration der API in Ihre AI-Anwendung und die Nutzung des React SDK zum Rendern von UI-Komponenten. Hier ist eine detailliertere Aufschlüsselung:

1. Richten Sie Ihre Umgebung ein:

   • Stellen Sie sicher, dass Node.js und npm (Node Package Manager) installiert sind.
   • Erstellen Sie eine neue React-Anwendung mit create-react-app oder Ihrem bevorzugten Setup.

2. Installieren Sie das C1 React SDK:

   • Fügen Sie Ihrem React-Projekt mit npm oder yarn die erforderlichen Abhängigkeiten hinzu.

3. Konfigurieren Sie den API-Endpunkt:

   • Aktualisieren Sie Ihre AI-Anfragen, um den C1 API-Endpunkt zu verwenden.

4. Rendern Sie UI-Komponenten:

   • Verwenden Sie das C1 React SDK, um die von der API generierten strukturierten UI-Komponenten zu rendern.

5. Komponenten anpassen (optional):

   • Passen Sie die UI-Komponenten an Ihre Marke und das Designsystem Ihrer Anwendung an.

Was ist der Unterschied zwischen C1 von Thesys und Vibe-Coding-Tools?

C1 von Thesys unterscheidet sich erheblich von Vibe-Coding-Tools wie Lovable oder Bolt. Während Tools wie Lovable oder Bolt beim Entwurf der UI helfen, bevor die App live geht, indem sie Prompts in Mockups oder Code umwandeln, erstellt und zeigt C1 die eigentliche Schnittstelle während der Ausführung der App an und passt sie an jeden Benutzer und jede Situation an.

Anwendungsfälle für generative UI

C1 von Thesys kann in verschiedenen Branchen und Anwendungsfällen eingesetzt werden:

• Datenanalyse: Erstellen Sie interaktive Diagramme, Grafiken und Dashboards im Handumdrehen.
• E-Commerce: Erstellen Sie dynamische Produktschnittstellen und personalisierte Einkaufserlebnisse.
• EdTech: Entwickeln Sie adaptive Lernoberflächen, die in Echtzeit auf die Bedürfnisse der Schüler reagieren.
• Suche: Verbessern Sie Suchoberflächen mit interaktiven Komponenten zum Filtern und Erkunden.

Fazit

C1 von Thesys bietet einen transformativen Ansatz für die Entwicklung von AI-nativen Anwendungen. Durch die Ermöglichung der Echtzeit-UI-Generierung reduziert es die Entwicklungszeit, senkt die Kosten und verbessert die Benutzerbindung. Egal, ob Sie Copiloten, Softwareagenten oder dynamische Datenvisualisierungen erstellen, C1 bietet die Tools und die Flexibilität, die Sie benötigen, um intelligente, kontextbezogene Frontends zu erstellen. Mit seiner Unterstützung für mehrere LLMs, umfangreichen Anpassungsoptionen und Sicherheit auf Enterprise-Niveau ist C1 gut positioniert, um eine Schlüsselkomponente in der Zukunft der AI-Anwendungsentwicklung zu sein.