superdesigndev/superdesign-prompts/ai-chat

Page type — AI Chat

Structure axis. Style-agnostic: pair with any system to render.

Aggregated from 1 prompts in this repo.

What this page type is

A reusable AI Chat generator. Bring a design system (colors, type, motion) and this skill supplies the structure — sections, layout, and the components users expect.

Common sections

• Sidebar _(in 1 prompts)_
• Top bar _(in 1 prompts)_
• Message thread _(in 1 prompts)_
• Code block _(in 1 prompts)_
• Composer _(in 1 prompts)_

Common components

• Frameless message thread (user card + frameless assistant) _(in 1 prompts)_
• Model chip in the composer _(in 1 prompts)_
• Warm code block with filename + Copy header _(in 1 prompts)_
• Date-grouped chat history with active pill _(in 1 prompts)_
• Serif-numeral ordered list _(in 1 prompts)_
• Terracotta typing indicator _(in 1 prompts)_

Example — render in a chosen style

Build a AI Chat using the "<system-id>" design system
(see systems/<system-id>/DESIGN.md). Include the common sections above.

Reference prompts (best-designed first)

• Warm Terracotta AI Chat Interface · design 5/10 · 0 runs