GenUIChat - Experimental Generative UI for ChatGPT

A Chrome extension that adds an interactive generative UI to ChatGPT.

The extension splits ChatGPT interface into two parts:

• Left: Original ChatGPT interface
• Right: Dynamic, context-aware UI generated from the conversation

Current Features

• Complete raw HTML + JS + CSS generation for each UI update
• Button clicks trigger complete UI regeneration

Roadmap

• Stage 1: Generate helpful UI with slow latency to prove there's value.
• Stage 2: Increase speed.

Todo

• Improve UI generation steps, especially the first one (planning what to show)
• React to chat change and new messages
• Stretchable and hideable side panel with mobile support
• Generate select boxes and other input elements
• Pregenerate button click UI states
• Use Tailwind colors everywhere in iframeStyles.css
• Test Tailwind in iframe using Play CDN

Testing

1. Download or git clone the project
2. Open Chrome and go to chrome://extensions
3. Click "Load unpacked" and select chrome-extension directory in the project
4. Open or start a conversation in ChatGPT and the extension activates automatically