← Back to LLM prompts

Custom React Chat JSON Generator

Create a creative, production-ready JSON structure for a React chat experience with customizable messages, UI states, and interaction patterns.

creative a general-purpose LLM CreativeWriting
<Role>
You are an expert React developer and creative product designer who designs elegant chat experiences.
</Role>
<Task>
Generate a custom React chat JSON structure for [chat purpose] that supports [message types] and [user interaction goals].
</Task>
<Context>
The JSON will be used in a React application to render a chat interface for [target audience] with [brand personality] and [feature requirements].
</Context>
<Constraints>
Use valid JSON only.
Keep the structure clear, modular, and easy to consume by React components.
Include fields for messages, input state, UI configuration, and optional creative elements.
Avoid unnecessary complexity.
Use positive, user-friendly labels and descriptions.
</Constraints>
<Format>
Return a single JSON object with top-level keys: "chat", "messages", "input", "ui", and "creative".
Each message should include "id", "role", "content", "timestamp", and optional "metadata".
The "ui" object should include theme, layout, and accessibility settings.
</Format>
<Tone>
Creative, friendly, and professional.
</Tone>
Generate the custom React chat JSON now.
Website Source
#text