This repository contains the landing page for wildcat.chat. The page presents the Wildcat tools: Wildcat Sage, WildcatTTS, and Chat Overlay. Firebase Hosting serves the static output built by Eleventy.
- Canvas element with an animated TV-static background.
- 3D skeuomorphic button design system.
- Automatic dark mode based on system preferences.
- Responsive layout for mobile devices.
- Atkinson Hyperlegible Next typography.
This repository includes the Wildcat Chat Overlay (src/chat-overlay/). The overlay displays Twitch and YouTube chat in OBS Studio with these functions:
- Theme generation with AI prompts.
- No user sign-in required. Add the browser source URL directly to OBS Studio.
- Pronoun badges, Twitch emote rendering, text auto-linking, and animations.
- Chat Scene Creator to compose multi-source overlay layouts.
The Chat Overlay uses two backend services:
- chat-theme-proxy: Express backend on Google Cloud Run. Delivers theme CSS and handles Google Gemini AI and Runware image API requests.
- yt-chat-proxy: Proxy service for YouTube live chat. Allows the overlay to display YouTube chat and Twitch chat together.
Make sure that you install the Firebase CLI and Node.js.
To start the Eleventy development server with live reload, run:
npm run devTo run unit tests with Vitest, run:
npm testTo build the production site into public/, run:
npm run build-
Log in to Firebase:
firebase login
-
Select your Firebase project:
firebase use --add
-
Preview local files with Firebase Hosting emulator:
firebase serve
-
Deploy the site to Firebase Hosting:
firebase deploy --only hosting
- Wildcat Sage: AI-powered Twitch chatbot · app.wildcat.chat
- WildcatTTS: Text-to-speech bot for Twitch · tts.wildcat.chat
- Documentation: Platform guides · docs.wildcat.chat
For questions or support, use this contact form.