live-preview

{
  "name": "live-preview",
  "version": "0.1.0",
  "description": "A pane with a real screenshot of your dev server, taken again after every turn in which Claude edits a frontend file, with a phone-sized view and a button that adds the capture to your prompt.",
  "author": {
    "name": "claude-code-templates",
    "url": "https://www.aitmpl.com"
  },
  "repository": "https://github.com/davila7/claude-code-templates",
  "license": "MIT",
  "keywords": ["mod", "function-hooks", "ui", "pane", "frontend", "screenshot"],
  "userConfig": {
    "url": {
      "type": "string",
      "title": "Dev server URL",
      "description": "Page to capture, http or https. /preview <url> changes it for the session.",
      "default": "http://localhost:3000"
    },
    "browser": {
      "type": "string",
      "title": "Browser",
      "description": "Chrome, Chromium or Edge executable. Empty tries google-chrome, chromium, microsoft-edge on PATH and the standard macOS app locations.",
      "default": ""
    },
    "browserArgs": {
      "type": "string",
      "title": "Extra browser arguments",
      "description": "Comma-separated extra flags, e.g. --no-sandbox in a root container.",
      "default": ""
    },
    "watch": {
      "type": "string",
      "title": "Watched extensions",
      "description": "Comma-separated file extensions whose edits trigger a new capture. Empty means the usual frontend set.",
      "default": ""
    }
  }
}