Showcase / assistant-ui port

Claude skin.

Source-first port of claude.tsx: warm paper palette, sparkle welcome, stacked composer + model picker, mode tabs, clone-thread-shell rail. Wrap with au-skin-claude.

claude.tsxau-skin-claudehost-chrome

au-skin-claude / emptywelcome

How can I help you today?

Claude can make mistakes. Please double-check responses.

au-skin-claude / messagesconversation

Summarize the trade-offs briefly.

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

Claude can make mistakes. Please double-check responses.

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">