API Auth Flow Debugger
Visualize the sequence of authentication handshakes between services to debug login and token flows
Diagrams
sequence diagram
authentication
oauth
API
token
login
debug
software
security
MCP Tool
render_whiteboard
Output Type
Diagrams
Input Examples
Copy
Describe your auth scenario (e.g. "OAuth2 Authorization Code flow with PKCE for a React SPA calling a Node.js API" or "Service-to-service authentication using client credentials between a claims microservice and a policy database")...
How to Use
1
Connect MCP Server
Add MockFlow IdeaBoard 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 MockFlow Desktop app running locally
npm install -g @mockflow/ideaboard-mcp && mockflow-ideaboard-mcp login && mockflow-ideaboard-mcp
Install CLI, login 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 Skill
Download the SKILL.md file and place it in your skills directory:
~/.claude/skills/mockflow-api-auth-flow-debugger/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-api-auth-flow-debugger.Related skills
Troubleshooting Flowchart
Find step by step solution to a problem with flowchart maker
Client Onboarding Journey
Map flows for any type of client onboarding
Concept Knowledge Graph
Convert data into a network graph of interconnected nodes
Emoji Decision Flowchart
Represent decisions and process with just emojis
Support
Videos
