Relay - AI Chat UI Kit for Next.js

Paste a prompt into your coding agent with the project open. Each one names the file it changes, so the agent doesn't have to search the codebase.

AI status: Simulated streaming. Canned replies stream on a timer from src/lib/use-chat-stream.ts. Connect a model to go live.

Prompt 1

Change the accent colour

In src/app/globals.css, change the brass accent tokens to my brand colour. Check that citation chips stay readable on the dark surface.

Prompt 2

Add an app page

Add /app/projects using the layout of /app/settings, and add it to the sidebar in src/components/Sidebar.tsx.

Prompt 3

Connect a model

Replace the timer in src/lib/use-chat-stream.ts with a streamed call to my model endpoint. Keep the hook's return shape so ChatWindow does not change.