Log in
Agent skill

Mobile App Backend Architecture

General mobile backend cloud architecture serverless api infrastructure
Cloud architecture diagrams tailored for mobile application backends with APIs, auth, and push notifications.
Use directly in editor
MCP tool render_whiteboard ยท Output type General
How to use

Set up the skill in three steps.

Connect the MockFlow Boards MCP server to your AI assistant, add the skill file, then ask for what you need.

Input examples Copy
Describe the mobile app's purpose and preferred cloud provider (e.g., "a fitness tracker app on AWS" or "a food delivery app using GCP")
1

Connect MCP server

Add MockFlow Boards MCP to your AI assistant:

Desktop MCP
Web MCP
Loginless MCP
claude mcp add --transport http -s user mockflow-ideaboard http://localhost:21193/mcp
Requires the MockFlow Desktop app running locally
npm install -g @mockflow/ideaboard-mcp && mockflow-ideaboard-mcp login && mockflow-ideaboard-mcp
Install the CLI, log in with your MockFlow account, then start the server
claude mcp add --transport http -s user mockflow-ideaboard https://app.mockflow.com/ideaboard/mcp
No account needed, free to use
2

Install the skill

Download the SKILL.md file and place it in your skills directory:

~/.claude/skills/mockflow-mobile-app-backend-architecture/SKILL.md
3

Use the skill

Claude Code will auto-detect when your prompt matches the skill. You can also invoke it directly with /mockflow-mobile-app-backend-architecture.

Get started

Connect your agent to MockFlow.

MCPBrainstorm 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 MCP Powerful
CLI Web MCP Developer
Loginless Web MCP Easiest

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.

Download Desktop App →

Install from npm, log in via browser (OAuth), and boards are saved to your MockFlow account.

1
npm install -g @mockflow/ideaboard-mcp
2
mockflow-ideaboard-mcp login
3
mockflow-ideaboard-mcp

Best for: Developers using Claude Code, Cursor, or VS Code Copilot.

npm Package →

Add MockFlow as a connector in Claude.ai or ChatGPT. No installation, no account required. A new board is created and you get a shareable URL.

1
Open Claude.ai → Settings → Connectors
2
Paste this URL: https://app.mockflow.com/ideaboard/mcp
3
Ask Claude to create a flowchart — done!

Best for: Managers, marketers, anyone using Claude.ai or ChatGPT in the browser.

Welcome back

Don't have an account? Sign up

Faster ways in

Sign in with an account you already use.