Plattform
Blocks: Ein-Klick-Funktionen für ernsthafte KI-Softwarelieferung
Die schwierigen Teile eines echten Produkts — Zahlungen, Auth, Daten, KI — kommen als kontrollierte Funktionen an, die du einschaltest, nicht als Wochenenden, die du verlierst.
Blocks sind Ciaos Ein-Klick-Funktionen: Zahlungen, Backend, Figma-Import, KI-Funktionen und Integrationen, die sich in eine Anwendung als echter, bearbeitbarer Code installieren. Anders als Marketplace-Plugins, die auf eine geschlossene Plattform aufgesetzt werden, wird ein Block Teil deiner Codebasis — eingebunden in dein Datenmodell, abgedeckt von QA und Guardrails, und dir gehörend wie alles andere, was Ciao generiert.
Veröffentlicht 2026-07-03 · Zuletzt aktualisiert 2026-07-03
Die schwierigen Teile, installierbar gemacht
Jedes echte Produkt stößt an dieselben Wände: Es muss Geld annehmen, Daten sicher speichern, Nutzer anmelden, vielleicht Fragen mit KI beantworten. Keines davon macht dein Produkt zu deinem eigenen — aber jedes kann Wochen verschlingen und genau die Fehlerkategorie einführen, die du dir nicht leisten kannst. In den meisten App-Buildern ist die Antwort ein Plugin-Marktplatz; das Plugin funktioniert, bis du es brauchst, etwas leicht anderes zu tun, und dann entdeckst du, dass du es nicht öffnen kannst.
Blocks sind Ciaos Antwort: Ein-Klick-Funktionen — Zahlungen, Backend, Figma-Import, KI-Funktionen, Integrationen —, die sich in deine Anwendung als echter, bearbeitbarer Code installieren, eingebunden in dein Datenmodell und abgedeckt von derselben QA, Sicherheitstestung und Governance wie alles andere, was du baust.
Die Blocks
Fünf Funktionen decken das meiste ab, was aus einer App ein Produkt macht.
Zahlungen
Stripe-gestützter Checkout, Abonnements und Belege, mit separaten Test- und Live-Modi — verbunden mit deinem eigenen Stripe-Konto.
Backend
Supabase-gestützte Authentifizierung, Postgres, Dateispeicher, Row-Level Security und APIs — die Datenschicht, die jede ernsthafte App braucht.
Figma-Import
Bring Designs mit und verwandle sie in funktionierende Bildschirme mit echten Daten dahinter, verfeinert in Builder.
KI-Funktionen
Füge deinem eigenen Produkt Assistenten, Zusammenfassung, Extraktion und andere KI-Funktionen hinzu, die über Ciaos Multi-Provider-Modellleiter laufen.
Integrationen
Verbinde die Systeme, auf denen dein Geschäft bereits läuft, mit angewendeten Zugriffsregeln und Audit-Sichtbarkeit.
Wie das Hinzufügen eines Blocks funktioniert
Einen Block hinzuzufügen ist eine Änderung wie jede andere — was genau der Punkt ist.
1. Mit einem Klick hinzufügen
Wähle den Block, und Ciao generiert den Code und die Einbindung in deine Anwendung — Komponenten, Backend-Teile, Konfiguration.
2. Er landet als Code, auf einem Branch
Ein Block kommt wie jede Änderung an: branch-nativ, prüfbar, rückgängig machbar. Nichts wird außerhalb der Codebasis angeflanscht.
3. In einfacher Sprache konfigurieren
Beschreibe deine Produkte und Preise, dein Datenmodell, deine Abläufe. Der Block passt sich an deine Anwendung an, nicht umgekehrt.
4. Die Gates gelten
QA-Replays und Sicherheitsproben decken die neue Funktion ab, bevor sie veröffentlicht werden kann — ein Zahlungsablauf wird wie ein Zahlungsablauf getestet.
5. Erweitere ihn wie deinen eigenen Code — weil er es ist
Inspect-to-Prompt auf einer Checkout-Seite funktioniert genau wie auf jedem anderen Bildschirm. Sechs Monate später ist der Block einfach Teil deines Produkts.
Warum es wichtig ist
Der Unterschied zwischen einem Plugin und einem Block ist, was sechs Monate später passiert. Ein Plugin ist eine Grenze: Deine Anpassung endet dort, wo seine Einstellungsseite endet. Ein Block ist ein Ausgangspunkt: echter Code in deinem Repository, der mit dem Produkt wächst — und mit dir geht, wenn du exportierst, weil dir 100 % des Codes gehören.
Blocks halten auch den Delivery-Loop ehrlich. Eine Zahlungsfunktion, die Prüfung und Testen übersprungen hätte, wäre der riskanteste Code in deiner Anwendung; hier ist sie wie alles andere abgedeckt, und Guardrails behandelt die Bereiche, die sie berührt, als die geschützten Zonen, die sie sind.
Blocks sind auch, wie sich ein Workspace summiert. Die zweite Anwendung startet nicht bei null: Zahlungen, Backend und Integrationen sind bereits einmal getroffene, getestete und kontrollierte Entscheidungen, die dann erneut angewendet werden. Für eine Agentur ist das Marge; für ein internes Team ist es der Unterschied zwischen einem Anfrage-Backlog und einem Portfolio ausgelieferter Tools.
Hinweise zu Sicherheit und Governance
- ✓ Blocks installieren als Standard-React, TypeScript und Supabase-Code, der dir gehört.
- ✓ Jeder Block landet auf einem Branch und durchläuft dieselben Gates wie handangeforderte Änderungen.
- ✓ Zahlungen verbinden sich mit deinem eigenen Stripe-Konto — Geld fließt zu dir.
- ✓ KI-Funktionen laufen unter Zero-Retention-Modellverträgen, wie der Rest der Plattform.
- ✓ Integrations-Zugangsdaten werden pro Umgebung gespeichert, nie fest in den generierten Code codiert.
- ✓ Zugriffsregeln und das unveränderliche Audit-Protokoll gelten automatisch für von Blocks hinzugefügte Funktionen.
Marketplace-Plugin vs Ciao-Block
Das Plugin-Modell und das Block-Modell trennen sich an dem Tag, an dem du etwas brauchst, das die Einstellungsseite nicht bietet.
| Marketplace-Plugin | Ciao-Block | |
|---|---|---|
| Was du bekommst | Eine versiegelte Komponente mit Einstellungen | Echter Code in deiner Anwendung |
| Anpassung | Was auch immer die Einstellungen bieten | Alles — es ist dein Code |
| Testen | Dem Anbieter vertrauen | Abgedeckt von QA-Replays und Sicherheitsproben |
| Eigentum | Endet mit der Plattform | Exportierbar mit dem Rest deiner App |
| Governance | Außerhalb deines Prüfprozesses | Dieselben Guardrails-Richtlinien wie jede Änderung |
Häufig gestellte Fragen
Sind Blocks bearbeitbar, oder versiegelt wie Plugins?
Bearbeitbar. Ein Block generiert echten React-, TypeScript- und Supabase-Code in deine Anwendung, und ab diesem Moment gehört er dir zum Verändern — im Gespräch durch Builder oder direkt im Code.
Durchlaufen Blocks Prüfung und Testen?
Ja. Ein Block landet wie jede Änderung auf einem Branch, Guardrails-Richtlinien gelten für die Bereiche, die er berührt, und QA-Replays sowie Sicherheitsproben decken die neue Funktion vor der Veröffentlichung ab. Zahlungen und Auth bekommen mehr Prüfung, nicht weniger.
Welche Blocks gibt es?
Zahlungen (Stripe-gestützt), Backend (Supabase-gestützt), Figma-Import, KI-Funktionen und Integrationen. Die Blocks für Zahlungen, Backend und Figma-Import haben jeweils eine eigene Seite mit den Details.
Was passiert mit einem Block, wenn wir den Code exportieren?
Er wird mit allem anderen exportiert. Blocks sind Standardcode ohne proprietäre Laufzeitumgebung, sodass Checkout, Backend und Integrationen in deinem eigenen Repository weiterlaufen.
Wie fangen wir an?
Self-Service mit Guthaben: Baue die App, füge Blocks hinzu, wenn das Produkt sie braucht. Ernsthafte Produktionsprogramme beginnen bei 10.000 USD pro Jahr — die Preisseite hat die Details.