visionaire-engine

mi60dev/visionaire-engine

★ 0 stars TypeScript AI/LLM Updated 7d ago

Eyes for AI coding agents: deterministic MCP server that tells the LLM which CSS rule wins, in which file, on which line — and why. Cascade verdicts, blast radius, interaction timelines, pixel-perfect audits.

View on GitHub → 🔍 Audit Wallet Slippage →

Quick Install

Copy the config for your editor. Some servers may need additional setup — check the README.

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "visionaire-engine": {
      "command": "npx",
      "args": [
        "-y",
        "mi60dev/visionaire-engine"
      ]
    }
  }
}

README Excerpt

> **Which rule, which file, which line — and why it wins.** **The problem:** Something looks off. You screenshot it, explain it, the LLM guesses wrong, you re-explain. **The solution:** Visionaire reads the live page and hands the LLM the exact rule, file, and line. Right fix, first try. **You shouldn't have to write a paragraph to explain a 2px margin bug — and now you don't.** Less explaining, more fixing: built for developers, vibe coders, and anyone shipping site design changes with an LLM i

Tools (19)

annotated_screenshotcheck_alignmentevaluateexplain_animationsexplain_stylesfind_elementsget_listenersinject_cssinspect_ancestorsinspect_elementinteractmeasure_elementnode_at_pointpage_originspage_snapshotpick_colorpick_elementrecord_interactionstyle_diff

Topics

ai-agentschrome-devtools-protocolclaudecopilotcssdebuggingdevtoolsllmmcpmcp-servermodel-context-protocolwordpress

visionaire-engine

Quick Install

README Excerpt

Tools (19)

Topics

Related AI/LLM Servers