Design a messaging mobile app with chat list showing contact names, last messages, timestamps, unread message indicators, individual chat interface with message bubbles, text input field, emoji picker, attachment button, voice message recorder, group chat creation, contact list with profile photos, status indicators for online/offline, message reactions, reply to message, forward message, message search, chat settings, notification preferences, blocked contacts, and bottom navigation with chats, contacts, calls, settings.
Related
Related prompts.
Open any of these to read the full prompt and generate with it in MockFlow.
↑↓ to moveEnter to openCtrlEnter for a new tab/ to search from any page
Brainstorm with MockFlow MCP
Add MockFlow as an MCP connector in Claude, Cursor, or any MCP-compatible AI assistant to generate flowcharts, mindmaps, architecture diagrams, and 16 types of visualizations.
Desktop App MCPPowerful
CLI Web MCPDeveloper
Loginless Web MCPEasiest
Built into the MockFlow Desktop App. AI creates visuals directly on your open canvas — no URLs, no waiting.
1
Open Desktop App → open a MockFlow project
2
In Claude Code / Cursor, run: claude mcp add --transport http -s user mockflow-ideaboard http://localhost:21193/mcp
3
Ask: "Create a flowchart for..."
Best for: Designers, product teams, daily MockFlow users.