{
    "archive_path": "archive/1792447629.260483",
    "base_url": "github.com/harukikuri/spotnote",
    "basename": "spotnote",
    "bookmarked_date": "2026-10-19 22:07",
    "canonical": {
        "archive_org_path": "https://web.archive.org/web/github.com/harukikuri/spotnote",
        "dom_path": "output.html",
        "favicon_path": "favicon.ico",
        "git_path": "git/",
        "google_favicon_path": "https://www.google.com/s2/favicons?domain=github.com",
        "headers_path": "headers.json",
        "htmltotext_path": "htmltotext.txt",
        "index_path": "index.html",
        "media_path": "media/",
        "mercury_path": "mercury/content.html",
        "pdf_path": "output.pdf",
        "readability_path": "readability/content.html",
        "screenshot_path": "screenshot.png",
        "singlefile_path": "singlefile.html",
        "warc_path": "warc/",
        "wget_path": "github.com/harukikuri/spotnote.html"
    },
    "domain": "github.com",
    "extension": "",
    "hash": "X00A11GFMT1KPT3VQ8KZ",
    "history": {
        "archive_org": [],
        "dom": [],
        "favicon": [
            {
                "cmd": [
                    "curl",
                    "--silent",
                    "--location",
                    "--compressed",
                    "--max-time",
                    "120",
                    "--output",
                    "favicon.ico",
                    "--user-agent",
                    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36 ArchiveBox/0.7.4 (+https://github.com/ArchiveBox/ArchiveBox/) curl/curl 8.14.1 (x86_64-pc-linux-gnu)",
                    "https://www.google.com/s2/favicons?domain=github.com"
                ],
                "cmd_version": "curl 8.14.1 (x86_64-pc-linux-gnu)",
                "end_ts": "2026-10-19T22:08:31.121533+00:00",
                "index_texts": null,
                "output": "favicon.ico",
                "pwd": "/data/archive/1792447629.260483",
                "schema": "ArchiveResult",
                "start_ts": "2026-10-19T22:08:30.640836+00:00",
                "status": "succeeded"
            }
        ],
        "git": [],
        "headers": [
            {
                "cmd": [
                    "curl",
                    "--silent",
                    "--location",
                    "--compressed",
                    "--head",
                    "--max-time",
                    "120",
                    "--user-agent",
                    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36 ArchiveBox/0.7.4 (+https://github.com/ArchiveBox/ArchiveBox/) curl/curl 8.14.1 (x86_64-pc-linux-gnu)",
                    "https://github.com/harukikuri/spotnote"
                ],
                "cmd_version": "curl 8.14.1 (x86_64-pc-linux-gnu)",
                "end_ts": "2026-10-19T22:08:31.767261+00:00",
                "index_texts": null,
                "output": "headers.json",
                "pwd": "/data/archive/1792447629.260483",
                "schema": "ArchiveResult",
                "start_ts": "2026-10-19T22:08:31.132083+00:00",
                "status": "succeeded"
            }
        ],
        "htmltotext": [],
        "media": [],
        "mercury": [
            {
                "cmd": [
                    "/app/node_modules/@postlight/parser/cli.js",
                    "https://github.com/harukikuri/spotnote"
                ],
                "cmd_version": "1.0.0",
                "end_ts": "2026-10-19T22:08:47.531845+00:00",
                "index_texts": null,
                "output": "mercury",
                "pwd": "/data/archive/1792447629.260483",
                "schema": "ArchiveResult",
                "start_ts": "2026-10-19T22:08:42.182840+00:00",
                "status": "succeeded"
            }
        ],
        "pdf": [],
        "readability": [
            {
                "cmd": [
                    "/app/node_modules/readability-extractor/readability-extractor",
                    "/tmp/tmpir1atsog",
                    "https://github.com/harukikuri/spotnote"
                ],
                "cmd_version": "0.0.11",
                "end_ts": "2026-10-19T22:08:42.171148+00:00",
                "index_texts": [
                    "Spotnote is a Vite plugin for UI feedback to coding agents. Click any element in your running app, write what should change, and hand your agent its exact file, line and column.\n\n  \n    \n    solo-demo.mp4\n    \n  \n\n  \n\n  \n\n\nFeatures\n\nExact spot. Your UI feedback points to the exact file, line and column in your source code, so your agent doesn't have to search for it.\nAny Vite framework. React, Vue, Svelte, Solid, Astro, and so on.\nZero imports. Nothing to import in your app code.\nProduction stays clean. Spotnote runs only in vite dev, and in staging builds you turn it on for.\nEverything is local. No account, no cloud.\n\nRequirements\n\nVite 5 or later\nNode 22 or later\n\nInstall\n\nUsage\n// vite.config.ts\nimport spotnote from \"spotnote\";\n\nexport default defineConfig({\n  plugins: [react(), spotnote()],\n});\nStart your dev server and click the launcher in the bottom-left corner. Click an element, type what should change and press Enter. The prompt is on your clipboard: paste it into Claude Code, Cursor, Codex or any chat.\nOutput\nThe prompt Spotnote copies for a note, ready to paste into your agent:\n## Request\nMake the padding bigger\n\n## Target\n- file: components/ProductCard.jsx\n- line: 7, column: 5\n- used at: pages/Products.jsx:68 (<ProductCard> in Products)\n- element: <div class=\"product\">\n- text: \"shoes Aero Runner $120\"\n- instance: 1 of 12 rendered from this line (by DOM order) \u2014 target the one matching the text above\n\n## Source path (outer \u2192 inner)\nApp > Products > ProductCard\n\n## Current computed styles\n  padding: 16px\n  margin: 0px\n  color: rgb(26, 26, 26)\n  background: rgba(0, 0, 0, 0)\n  font-size: 16px\n  font-weight: 400\n  border-radius: 12px\nEvery field is explained in Prompt Format.\nMCP (local agent)\nSkip the copy and paste: your agent picks up notes as you write them.\nclaude mcp add --scope user spotnote -- npx -y spotnote-mcp\nThen ask your agent: Watch my Spotnote notes. Codex, Cursor and Gemini CLI.\n\n  \n    \n    demo.mp4\n    \n  \n\n  \n\n  \n\n\nWith MCP connected: click a button, ask for a pill shape, and Claude Code picks up the note, makes the change and replies on it. You never leave the browser.\nStaging builds\nLet designers and reviewers write notes on a staging or preview deploy, and paste them to your team:\nspotnote({ build: [\"staging\"] })\nvite build --mode staging then includes Spotnote, and vite build still doesn't. Each prompt also names the commit the build was made from. See Staging Builds.\n\n  \n    \n    staging-demo.mp4\n    \n  \n\n  \n\n  \n\n\nOn a staging build: the designer writes a note and pastes it to the team chat, and the developer's agent goes straight to the file and line.\nWebhook\nSend each note to a URL of yours as it's written: to post it to your team's chat or issue tracker, without the copy and paste.\nspotnote({ build: [\"staging\"], webhook: \"https://feedback.example.com/spotnote\" })\nEach note arrives as JSON, with its text, page, file and line, commit, and prompt. See Webhook.\n\n  \n    \n    demo-webhook.mp4\n    \n  \n\n  \n\n  \n\n\nOn a staging build with a webhook: press Enter, and the note lands in your team's chat, with its file and line.\nDocs\nFull documentation is here\nLicense\nMIT"
                ],
                "output": "readability",
                "pwd": "/data/archive/1792447629.260483",
                "schema": "ArchiveResult",
                "start_ts": "2026-10-19T22:08:38.141203+00:00",
                "status": "succeeded"
            }
        ],
        "screenshot": [],
        "singlefile": [],
        "title": [
            {
                "cmd": [
                    "curl",
                    "--silent",
                    "--location",
                    "--compressed",
                    "--max-time",
                    "120",
                    "--user-agent",
                    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36 ArchiveBox/0.7.4 (+https://github.com/ArchiveBox/ArchiveBox/) curl/curl 8.14.1 (x86_64-pc-linux-gnu)",
                    "https://github.com/harukikuri/spotnote"
                ],
                "cmd_version": "curl 8.14.1 (x86_64-pc-linux-gnu)",
                "end_ts": "2026-10-19T22:08:38.131999+00:00",
                "index_texts": null,
                "output": "GitHub - harukikuri/spotnote: Vite plugin for UI feedback to coding agents. \u00b7 GitHub",
                "pwd": "/data/archive/1792447629.260483",
                "schema": "ArchiveResult",
                "start_ts": "2026-10-19T22:08:38.036974+00:00",
                "status": "succeeded"
            }
        ],
        "wget": [
            {
                "cmd": [
                    "wget",
                    "--no-verbose",
                    "--adjust-extension",
                    "--convert-links",
                    "--force-directories",
                    "--span-hosts",
                    "--no-parent",
                    "-e",
                    "robots=off",
                    "--reject=js,mjs,woff,woff2,ttf,otf,eot,mp4,m4v,mov,webm,ogv,mkv,avi,flv",
                    "--timeout=120",
                    "--restrict-file-names=windows",
                    "--page-requisites",
                    "--user-agent=Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36 ArchiveBox/0.7.4 (+https://github.com/ArchiveBox/ArchiveBox/) wget/GNU Wget 1.21.3",
                    "--compression=auto",
                    "--timestamping",
                    "https://github.com/harukikuri/spotnote"
                ],
                "cmd_version": "GNU Wget 1.21.3",
                "end_ts": "2026-10-19T22:08:38.028188+00:00",
                "index_texts": null,
                "output": "github.com/harukikuri/spotnote.html",
                "pwd": "/data/archive/1792447629.260483",
                "schema": "ArchiveResult",
                "start_ts": "2026-10-19T22:08:31.777387+00:00",
                "status": "succeeded"
            }
        ]
    },
    "icons": null,
    "is_archived": true,
    "is_static": false,
    "latest": {
        "archive_org": null,
        "dom": null,
        "favicon": "favicon.ico",
        "git": null,
        "media": null,
        "pdf": null,
        "screenshot": null,
        "singlefile": null,
        "title": "GitHub - harukikuri/spotnote: Vite plugin for UI feedback to coding agents. \u00b7 GitHub",
        "warc": null,
        "wget": "github.com/harukikuri/spotnote.html"
    },
    "link_dir": "/data/archive/1792447629.260483",
    "newest_archive_date": "2026-10-19T22:08:42.182840+00:00",
    "num_failures": 0,
    "num_outputs": 6,
    "oldest_archive_date": "2026-10-19T22:08:30.640836+00:00",
    "path": "/harukikuri/spotnote",
    "schema": "Link",
    "scheme": "https",
    "snapshot_id": "e6c2e497-3f4b-4ff1-afa4-d040576ab76d",
    "sources": [
        "/data/sources/1792447629-import.txt"
    ],
    "tags": null,
    "tags_str": "",
    "timestamp": "1792447629.260483",
    "title": "GitHub - harukikuri/spotnote: Vite plugin for UI feedback to coding agents. \u00b7 GitHub",
    "updated": "2026-10-19T22:08:30.638895+00:00",
    "updated_date": "2026-10-19 22:08",
    "url": "https://github.com/harukikuri/spotnote"
}