Adds hover labels to any web page through a reverse proxy so AI assistants can refer to page elements, no browser extension needed.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add ui-annotator -- npx -y @mcpware/ui-annotator~/.codex/config.toml
[mcp_servers.ui-annotator]
command = "npx"
args = ["-y", "@mcpware/ui-annotator"]
# codex mcp add ui-annotator -- npx -y @mcpware/ui-annotator~/.cursor/mcp.json
{
"mcpServers": {
"ui-annotator": {
"command": "npx",
"args": [
"-y",
"@mcpware/ui-annotator"
]
}
}
}.vscode/mcp.json
{
"servers": {
"ui-annotator": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@mcpware/ui-annotator"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"ui-annotator": {
"command": "npx",
"args": [
"-y",
"@mcpware/ui-annotator"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"ui-annotator": {
"command": "npx",
"args": [
"-y",
"@mcpware/ui-annotator"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"ui-annotator": {
"command": "npx",
"args": [
"-y",
"@mcpware/ui-annotator"
]
}
}
}