Communitygithub.com

poofdotnew/openapps-frontend

Verdrahten Sie ein Web- oder React-Native-Frontend mit OpenApps: Client SDK (Lesen, Schreiben, Abonnements, Abfragen), gehostete statische Frontends und Endbenutzer-Auth-UI (E-Mail-OTP, OAuth, Browser-Gast-/anonyme Konten und Upgrade).

Was ist openapps-frontend?

Dieses Skill beschreibt die Client-Seite einer OpenApps-Anwendung. Es erklärt Entwicklern, wie sie das `@bounded-sh/client` SDK nutzen, um Lese-, Schreib-, Abonnement- und Abfragevorgänge durchzuführen. Besonderes Augenmerk liegt auf den verschiedenen Authentifizierungsmethoden für Endbenutzer: E-Mail-OTP, OAuth, Gast-/anonyme Konten und Wallet-Login (einschließlich eigener Wallet-Anbieter). Das Skill unterstützt sowohl Web- (Vite/React) als auch React Native/Mobil-Frontends. Es ist Teil der OpenApps-Skill-Familie; serverseitige Regeln und Bereitstellungskonfiguration werden in den Skills `openapps-backend` und `openapps-deploy` behandelt. Die Dokumentation enthält eine umfangreiche Referenztabelle mit Links zu detaillierten Anleitungen zu Themen wie SDK-Referenz, lokale Entwicklung, Wallet-Login, anonyme Konten und gehostete Frontends. Zudem werden wichtige Faustregeln vermittelt, z. B. dass jeder Client-Schreibzugriff durch Richtlinien gesteuert wird, dass Sammlungen Push-basiert sind (kein Polling) und dass API-Schlüssel immer in Backend-Secrets gehören.

Funktioniert mit~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/poofdotnew/openapps-skill/tree/HEAD/openapps-frontend

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht openapps-frontend?

Die Client-Seite einer OpenApps-App: Das SDK, das Ihre Web- oder Mobile-App aufruft, wie sich Endbenutzer authentifizieren und wie das gehostete Frontend ausgeliefert wird. Richtlinien steuern jeden Schreibzugriff vom Client aus. Kombinieren Sie dieses Skill daher mit dem openapps-backend-Skill, wenn eine Client-Aktion eine Regel oder Invariante benötigt, und mit openapps-deploy für Hosting und Domains. Für die Navigation über die gesamte Familie hinweg siehe das übergeordnete openapps-Skill.

Referenz-Router

Lesen Sie nur die Zeile, die zur aktuellen Aufgabe oder zum Begriff passt.

Aufgabe oder BegriffLesen Sie
SDK-Lesen, -Schreiben, -Abonnements, -Seitennummerierung, queryAggregate, count, Filter, Sortierung, Cursor, setMany, set(path, null)SDK-Referenz
Ein Web-Frontend bauenWeb-App-Anleitung
Lokaler Dev-Server (npm run dev, Vite, localhost), Login-Popup schlägt fehl, redirect_uri origin is not a registered origin, CORS während lokaler EntwicklungAuf localhost entwickeln
Refresh-Timer, setInterval, Polling, „frisch halten

Verwandte Skills