PinAppAI
Visual website feedback your coding agent applies: pin change requests on the live site over MCP.
Install
Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).
claude mcp add --transport http pinappai 'https://mcp.pinappai.com/mcp' --header 'Authorization: <Bearer ppk_... workspace API key. Omit for keyless discovery; required for tool calls.>'
{
"mcpServers": {
"pinappai": {
"type": "http",
"url": "https://mcp.pinappai.com/mcp",
"headers": {
"Authorization": "<Bearer ppk_... workspace API key. Omit for keyless discovery; required for tool calls.>"
}
}
}
}
@pinappai/mcpclaude mcp add pinappai -e 'PINAPPAI_API_KEY=<your pinappai_api_key>' -- npx -y @pinappai/mcp@0.9.9
{
"mcpServers": {
"pinappai": {
"command": "npx",
"args": [
"-y",
"@pinappai/mcp@0.9.9"
],
"env": {
"PINAPPAI_API_KEY": "<your pinappai_api_key>"
}
}
}
}
Environment variables
PINAPPAI_API_KEYsecret PinAppAI workspace API key (ppk_...). Optional: interactive setups use `npx @pinappai/mcp login` instead; set this only for CI/headless.
Frequently asked questions
What is PinAppAI?
Visual website feedback your coding agent applies: pin change requests on the live site over MCP.
How do I install PinAppAI?
It runs as a remote server. In Claude Code: claude mcp add --transport http pinappai 'https://mcp.pinappai.com/mcp' --header 'Authorization: <Bearer ppk_... workspace API key. Omit for keyless discovery; required for tool calls.>'. For other clients, paste the JSON configuration from this page into their MCP settings.
Does PinAppAI need an API key?
Yes. It expects PINAPPAI_API_KEY, Authorization, which you set in its configuration.
Who maintains PinAppAI?
It is published by com.pinappai. AI.tn lists it but does not maintain or endorse it.
From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.