Tea Leaf Scroll World: Scroll-Erlebnis auf Basis von Vinext und OpenAI Sites

Repositoryamirmushichge/tea-leaf-scroll-worldDemo

Das Repository amirmushichge/tea-leaf-scroll-world bietet laut Beschreibung ein interaktives, scroll-gesteuertes Web-Erlebnis über den Weg eines Teeblatts vom Nebelberg bis zur Tasse. Technisch basiert das Projekt auf dem vinext-starter von Cloudflare und nutzt OpenAIs ChatGPT-Site-Hosting inklusive Authentifizierung.

Das Wichtigste

  1. Interaktives Projekt: Das Frontend inszeniert eine visuelle Scroll-Reise eines Teeblatts von den Bergen bis in die Tasse.
  2. Technologie-Stack: Basiert auf Cloudflares Vinext (Vite-basiertes Next.js), TypeScript, optionalem Cloudflare D1 und Drizzle ORM.
  3. OpenAI Workspace Integration: Konfiguriert für das OpenAI ChatGPT Sites Hosting mit Unterstützung für 'Sign in with ChatGPT' (SIWC) und Identity-Headern.
  4. Voraussetzungen: Benötigt Node.js ab Version 22.13.0.

Warum das relevant ist

Das Projekt zeigt exemplarisch, wie moderne Webanwendungen auf alternativen Next.js-Laufzeitumgebungen wie Vinext aufsetzen und direkt im Ökosystem von OpenAI ChatGPT Sites mit nativer Authentifizierung bereitgestellt werden können.

Einordnung

Trotz der Beschreibung als interaktives Storytelling-Projekt enthält das Repository noch die unveränderte README-Vorlage des 'vinext-starter'. Dies deutet auf ein frühes Entwicklungsstadium oder ein schnelles Experiment hin. Der technische Kern veranschaulicht jedoch die praktische Anbindung von OpenAI-Hosting-Umgebungen, D1-Datenbanken und standardisierten SIWC-Authentifizierungs-Workflows.

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • X-Post:AmirMušić

    Scrollytelling mit Codex GPT-5.6 Sol und Seedance 2.0

    Amir Mušić demonstriert ein Open-Source-Scrollytelling-Projekt namens „tea-leaf-scroll-world“, das mit Codex GPT-5.6 Sol und Seedance 2.0 erstellt wurde.

    1164Lesezeichen55.377Aufrufe

    KI & AI· Demo

  • Repository:oso95/scroll-world

    scroll-world: Agent-Skill für nahtlose 3D-Scroll-Landingpages

    scroll-world ist ein Agent-Skill für Claude Code, Codex und SKILL.md-kompatible Tools. Das Werkzeug erstellt Landingpages mit nahtlosen Kameraflügen durch KI-generierte Szenen beim Scrollen.

    8963SterneJavaScript

    KI & AI· Tool

  • Repository:shadcn-ui/chatbot-template

    shadcn/ui Chatbot-Template: Minimaler AI-Chat mit Vercel AI Gateway

    Das offizielle Chatbot-Template von shadcn/ui bietet eine schlanke Referenzimplementierung für moderne KI-Chat-Oberflächen. Es basiert auf Next.js, dem Vercel AI SDK sowie UI-Komponenten aus dem shadcn-Ökosystem und bindet Modelle über das Vercel AI Gateway an.

    910SterneTypeScript

    KI & AI· Tool

  • Repository:amirmushichge/video-states-website

    Video States Website: Vorberechnete KI-Videotransitionen als interaktives UI-Konzept

    Das Repository liefert ein Asset- und Prompt-Paket zur Erstellung einer klickgesteuerten Video-Website auf Basis des LTX-Modells. Statt KI-Videos zur Laufzeit zu generieren, setzt das Konzept auf vorbereitete Vorwärts- und Rückwärts-Clips zwischen festen Zuständen.

    132SterneJavaScript

    KI & AI· Sammlung

  • Repository:Barty-Bart/gpt-6-astra-10k-websites

    GPT-6 Astra und Higgsfield MCP: Prompts für Marken-Websites

    Das Repository bündelt strukturierte Prompts, um mithilfe von GPT-6 Astra und dem Higgsfield MCP interaktive Marken-Websites mit Scroll-Animationen und KI-generierten Medien zu erstellen.

    97Sterne

    KI & AI· Sammlung

Lassen Sie uns über Ihr Projekt sprechen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.