Claude Design Artifacts mit Teenyapp auf Live-Websites bereitstellen

✍️ OpenClawRadar📅 Veröffentlicht: 6. Mai 2026🔗 Source
Claude Design Artifacts mit Teenyapp auf Live-Websites bereitstellen
Ad

Teenyapp.com ist ein Webhosting-Dienst, der speziell für Claude Design entwickelt wurde. Er schließt die Lücke, dass Claude Design zwar Code ausführen, Dateien erstellen und beliebige HTTP-Anfragen stellen kann, aber kein Ziel zum Hosten hat. Durch das Einfügen eines Teenyapp-Links in Claude Design veröffentlicht der Agent autonom Artifakte über die API auf einer Live-Website.

So funktioniert es

  • Claimen Sie eine benutzerdefinierte Domain unter yourapp.app.teenyapp.com und erhalten Sie einen Teenyapp-Link mit einem Agent-Token.
  • Fügen Sie diesen Link in Claude Design ein. Der Link zeigt auf eine claude.md-Datei mit Anweisungen zur Bereitstellung der Artifakte.
  • Claude Design liest die claude.md, verwendet den Agent-Token, um Artifakte hochzuladen und die Seite zu konfigurieren – alles autonom.
Ad

Beispiel für eine Bereitstellung

Mit dem Standard-Rechner-Kit-Prompt in Claude Design, nachdem der Entwurf erstellt wurde, fügte der Benutzer einen Teenyapp-Link ein und wies an, auf https://calculator.app.teenyapp.com bereitzustellen. Claude Design erledigte den Rest.

Unterstützte Backend-Funktionen

  • Worker zur Verarbeitung von API-Anfragen
  • Datenbank- und Dateispeicher
  • Authentifizierung (E-Mail/Passwort, Google, GitHub, Discord OAuth)

Für wen es gedacht ist

Entwickler, die Claude Design verwenden und schnell Prototypen oder kleine Apps veröffentlichen möchten, ohne die Chat-Oberfläche zu verlassen.

📖 Read the full source: r/ClaudeAI

Ad

👀 Siehe auch

Throttle Meter: Open-Source Claude Code-Nutzungszähler für macOS
Werkzeuge

Throttle Meter: Open-Source Claude Code-Nutzungszähler für macOS

Open-Source macOS-Menüleisten-App, die lokale Claude Code-Logs liest, um Echtzeit-Nutzung der letzten 5 Stunden und wöchentliche Nutzung mit Schwellenwertbenachrichtigungen und Token-sparenden Hooks anzuzeigen. Hat auch einen €19 kommerziellen Ableger mit Exact-Modus (liest claude.ais interne API über Safari).

OpenClawRadar
Architor: Open-Source-Tool für phasengesteuerte Architektur-Workflows mit Claude Code
Werkzeuge

Architor: Open-Source-Tool für phasengesteuerte Architektur-Workflows mit Claude Code

Architor ist ein Open-Source-Tool, das Claude Code in einen phasengesteuerten Architekturassistenten mit persistentem Designgedächtnis strukturiert. Es organisiert Systemdesign in die Phasen Anforderungsbewertung, Architekturentscheidungen, Komponentendesign und Validierung und verfolgt Entscheidungen in einem .arch-Arbeitsbereich.

OpenClawRadar
memv: Open-Source-Speichersystem für KI-Agenten
Werkzeuge

memv: Open-Source-Speichersystem für KI-Agenten

memv ist ein Open-Source-Speichersystem, das für KI-Agenten entwickelt wurde und nur unerwartete Informationen aus Interaktionen speichert, wodurch Rauschen und Redundanz reduziert werden.

OpenClawRadar
Strukturierte Denkvorlage verbessert die Genauigkeit von KI-Code-Reviews
Werkzeuge

Strukturierte Denkvorlage verbessert die Genauigkeit von KI-Code-Reviews

Ein Reddit-Nutzer teilt eine strukturierte Denkvorlage, die von der Meta-Forschung adaptiert wurde und KI-Modelle dazu zwingt, bestimmte analytische Schritte abzuschließen, bevor sie Code-Reviews generieren, was die Genauigkeit laut arXiv:2603.01896 um 5-12 Prozentpunkte verbessert.

OpenClawRadar