Showcase / assistant-ui port

Gemini skin.

Source-first port of gemini.tsx: centered empty composer with soft glow. Wrap with au-skin-gemini.

gemini.tsxau-skin-geminihost-chrome

au-skin-gemini / emptywelcome

How can I help you today?

Gemini can make mistakes, so double-check it.

au-skin-gemini / messagesconversation

Summarize the trade-offs briefly.

Keep the host thin: tokens for skin, primitives for structure, host for runtime.

1 / 2

Gemini can make mistakes, so double-check it.

Install

<link rel="stylesheet" href="tokens.css">
<link rel="stylesheet" href="components/button/button.css">
<link rel="stylesheet" href="components/chat-thread/chat-thread.css">
<link rel="stylesheet" href="components/chat-message/chat-message.css">
<link rel="stylesheet" href="components/chat-input/chat-input.css">
<link rel="stylesheet" href="host-chrome.css">