Click on your app's UI to send precise feedback to your coding agent
Spotnote is a Vite plugin that lets you click spots in your running app and leave notes the coding agent receives with exact element context.
Source
kuri-sun on Hacker News · 2026-10-19 · Project link
Written in our own words. Credit to the original author. Link checked 2026-10-22.
What they did
Spotnote is a Vite plugin that lets you click spots in your running app and leave notes the coding agent receives with exact element context.
Result (as claimed)
UI fixes without describing which button you mean.
Tools they used
Cost: Claude Code: from $17/mo.
Set it up
Write a one-page brief
Describe the app in plain words: who it is for, the 3 core screens or actions, and what "done" looks like.
Start the project with your agent
Open Claude Code and paste the brief. Ask it to propose a stack and a file plan before writing code.
Build one slice at a time
Ship the smallest working flow first, run it, then add features one by one. Commit after each working step.
Test it like a user
Click through on desktop and phone. Ask the agent to add basic tests and fix anything that breaks.
Check security and ship
Keep keys in environment variables, check auth and database rules, then deploy and share the link.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Click on your app's UI to send precise feedback to your coding agent What the original author did: Spotnote is a Vite plugin that lets you click spots in your running app and leave notes the coding agent receives with exact element context. Reported result (as claimed by the author): UI fixes without describing which button you mean. Source: https://news.ycombinator.com/item?id=50153011 Tools they used: Claude Code, Vite Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Click on your app's UI to send precise feedback to your coding agent What the original author did: Spotnote is a Vite plugin that lets you click spots in your running app and leave notes the coding agent receives with exact element context. Reported result (as claimed by the author): UI fixes without describing which button you mean. Source: https://news.ycombinator.com/item?id=50153011 Tools they used: Claude Code, Vite Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Click on your app's UI to send precise feedback to your coding agent What the original author did: Spotnote is a Vite plugin that lets you click spots in your running app and leave notes the coding agent receives with exact element context. Reported result (as claimed by the author): UI fixes without describing which button you mean. Source: https://news.ycombinator.com/item?id=50153011 Tools they used: Claude Code, Vite Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
The Daily 5
Get five new use cases tomorrow morning
Free. Real sources. Unsubscribe any time.
Guides for this use case
How to use Claude Code skills and plugins ยท How to vibe code an app with Claude Code
Related use cases
Ship a fun AI recipe app to the App Store
Built Meld: pick two cuisines and AI invents a new dish with photo, ingredients and steps; Flutter plus Gemini, written with Claude Code and Antigravity.
Build an Apple Vision Pro AR app with a crew of AI agents
A creator built an AR app for Apple Vision Pro in which a character that started as a T-shirt design can be moved, resized and placed with your hands, using Codex, Claude Code, Grok Bot and Dots.
Let Claude Code install Unity and build a VR app from scratch
On a new MacBook, Claude Code installed Unity 6, the Unity CLI and the Pico headset CLI, then built the first version of a "freeze time" VR app using headless versions of every tool.
Redesign any iPhone app for both screens of a foldable with a skill
A designer built a coding-agent skill that redesigns an app for the new foldable iPhone Duo instead of letting it stretch: it lays out the folded and unfolded screens separately and creates the UI for each.