Map out a complete chat interface in one pass, helping product teams wireframe conversation lists, message threads, and input areas for any messaging product.
What's Included
- Conversation sidebar: A scrollable list of chats with avatars, previews, and unread badges.
- Message thread layout: Inbound and outbound bubble alignment with timestamps and read receipts.
- Composer bar: Text input, attachment, emoji, and send button placement.
- Live states: Typing indicators, empty-thread prompts, and connection status slots.
How To Use
- Describe whether the chat is support, social, or an AI assistant.
- Generate a labeled two-pane wireframe for desktop and a stacked mobile view.
- Ask the agent to add features like threads, reactions, or quick replies.
- Export the structured layout to your design or build environment.
Pair this with the AI Mobile App Wireframe Agent for the full app shell, or browse more agents to expand your toolkit.
