Quick Install

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

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "frameshot": {
      "command": "npx",
      "args": [
        "-y",
        "kamegoro/frameshot"
      ]
    }
  }
}

README Excerpt

**Give your AI agent eyes.** Render any component — with real imports, Tailwind, and CSS Modules resolved via Vite — directly in your terminal or AI chat. No stories. No config. Just point at a file. <p align="center"> <img src="docs/demo.gif" alt="frameshot demo" width="720" /> </p> **Claude Code** ```bash

Tools (18)

audit_a11ycapture_animationdiff_componentdiff_referenceperf_auditrender_catalogrender_componentrender_filerender_gridrender_interactionrender_matrixrender_responsiverender_themerender_variantsscreenshot_urlsnapshot_checksnapshot_listsnapshot_save

Topics

ai-agentclaude-codecomponent-previewcross-browsercursormcpmcp-serverplaywrightreactscreenshotsveltetailwindui-previewvisual-testingvue

frameshot

Quick Install

README Excerpt

Tools (18)

Topics

Related AI/LLM Servers