NodeMCU MCP Service

by amanasmuei
Verified
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="800" height="500" viewBox="0 0 800 500" xmlns="http://www.w3.org/2000/svg"> <!-- Background --> <rect width="800" height="500" fill="#f8f9fa" /> <!-- Title --> <text x="400" y="40" font-family="Arial" font-size="24" font-weight="bold" text-anchor="middle" fill="#00a1e9">Claude + NodeMCU MCP Workflow</text> <!-- Step boxes --> <g> <!-- User asking Claude --> <rect x="50" y="100" width="200" height="80" rx="10" ry="10" fill="#e6f7ff" stroke="#00a1e9" stroke-width="2" /> <text x="150" y="140" font-family="Arial" font-size="14" font-weight="bold" text-anchor="middle">1. User asks Claude about NodeMCU devices</text> <!-- Claude recognizes NodeMCU task --> <rect x="300" y="100" width="200" height="80" rx="10" ry="10" fill="#e6f7ff" stroke="#00a1e9" stroke-width="2" /> <text x="400" y="140" font-family="Arial" font-size="14" font-weight="bold" text-anchor="middle">2. Claude recognizes NodeMCU-related task</text> <!-- Claude invokes MCP --> <rect x="550" y="100" width="200" height="80" rx="10" ry="10" fill="#e6f7ff" stroke="#00a1e9" stroke-width="2" /> <text x="650" y="140" font-family="Arial" font-size="14" font-weight="bold" text-anchor="middle">3. Claude invokes NodeMCU MCP</text> <!-- MCP connects to server --> <rect x="550" y="230" width="200" height="80" rx="10" ry="10" fill="#e6f7ff" stroke="#00a1e9" stroke-width="2" /> <text x="650" y="270" font-family="Arial" font-size="14" font-weight="bold" text-anchor="middle">4. MCP connects to NodeMCU server</text> <!-- MCP gets data --> <rect x="300" y="230" width="200" height="80" rx="10" ry="10" fill="#e6f7ff" stroke="#00a1e9" stroke-width="2" /> <text x="400" y="270" font-family="Arial" font-size="14" font-weight="bold" text-anchor="middle">5. MCP retrieves device data/sends cmd</text> <!-- Claude receives data --> <rect x="50" y="230" width="200" height="80" rx="10" ry="10" fill="#e6f7ff" stroke="#00a1e9" stroke-width="2" /> <text x="150" y="270" font-family="Arial" font-size="14" font-weight="bold" text-anchor="middle">6. Claude receives device information</text> <!-- Claude analyzes data --> <rect x="50" y="360" width="200" height="80" rx="10" ry="10" fill="#e6f7ff" stroke="#00a1e9" stroke-width="2" /> <text x="150" y="400" font-family="Arial" font-size="14" font-weight="bold" text-anchor="middle">7. Claude analyzes data and creates response</text> <!-- User receives answer --> <rect x="300" y="360" width="200" height="80" rx="10" ry="10" fill="#e6f7ff" stroke="#00a1e9" stroke-width="2" /> <text x="400" y="400" font-family="Arial" font-size="14" font-weight="bold" text-anchor="middle">8. User receives helpful information about devices</text> </g> <!-- Arrows --> <g stroke="#00a1e9" stroke-width="2" fill="none"> <path d="M250,140 L300,140" marker-end="url(#arrowhead)" /> <path d="M500,140 L550,140" marker-end="url(#arrowhead)" /> <path d="M650,180 L650,230" marker-end="url(#arrowhead)" /> <path d="M550,270 L500,270" marker-end="url(#arrowhead)" /> <path d="M300,270 L250,270" marker-end="url(#arrowhead)" /> <path d="M150,310 L150,360" marker-end="url(#arrowhead)" /> <path d="M250,400 L300,400" marker-end="url(#arrowhead)" /> </g> <!-- NodeMCU Server --> <g> <rect x="580" y="350" width="140" height="90" rx="5" ry="5" fill="#1b1c1d" /> <text x="650" y="375" font-family="Arial" font-size="12" font-weight="bold" text-anchor="middle" fill="#ffffff">NodeMCU Server</text> <rect x="600" y="385" width="50" height="25" rx="2" ry="2" fill="#292a2b" /> <text x="625" y="402" font-family="Arial" font-size="10" text-anchor="middle" fill="#00a1e9">MCP API</text> <circle cx="670" cy="395" r="5" fill="#ff0000" /> <!-- Connection to the server --> <path d="M650,230 C750,230 750,350 720,350" stroke="#00a1e9" stroke-width="2" fill="none" stroke-dasharray="5,5" /> <path d="M400,310 C400,330 550,330 580,350" stroke="#00a1e9" stroke-width="2" fill="none" stroke-dasharray="5,5" /> </g> <!-- Sample conversation balloon --> <g> <path d="M550,30 C550,15 570,15 570,30 L570,70 C570,85 550,85 550,70 Z" fill="#ffffff" stroke="#00a1e9" stroke-width="1" /> <text x="560" y="45" font-family="Arial" font-size="8" fill="#333">"List all my NodeMCU devices"</text> <text x="560" y="60" font-family="Arial" font-size="8" fill="#333">"Restart bedroom sensor"</text> </g> <!-- Arrowhead marker --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="10" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#00a1e9" /> </marker> </defs> </svg>