Scrim UI

AI Interface Prompt Generator

Describe your product, pick the screen type and the AI-UI elements you need, and get a copy-ready prompt for generating the interface in v0, Claude or Cursor. Generated locally, no signup.

Product

Screen

Header, message area, composer.

Target platform

Optional

AI-UI elements

Typewriter text + caret + Stop.
Collapsible step trace.
Status rows with input/output.
Inline markers + sources list.
Chips with upload progress.
Waveform while recording.

Generated prompt

Build an interface for An AI writing assistant that helps teams draft and refine emails.

Screen: Chat assistant
Stack: React + Tailwind CSS. Single file, no external dependencies.
Platform: Build this screen in v0 as a React + Tailwind CSS app.

UI requirements:
- A chat header with the assistant name, status and model, a streaming message area, and a prompt composer with a send button and a clear primary action.
- Streaming replies: reveal text incrementally with a blinking caret and a Stop control.
- Tool call rows showing status (running / success / error), input and output.
- Match modern AI product conventions: subtle borders, muted secondary text, generous spacing.

Output: one runnable React component (TSX) using Tailwind utility classes. No lorem ipsum or placeholder icons — produce a real, working interface.

The prompt updates as you type — no need to press anything.