AI copilots keep asking users to describe what they see. askable-ui fixes that with one HTML attribute. Mark any element with data-askable and your LLM gets the user's exact visual context ā no page scraping, no DOM bloat, no prompt engineering.
Hey Product Hunt! š
I built askable-ui because every AI copilot I tried had the same problem: it couldn't see what the user was looking at. The user had to describe it. That's friction, and it's lossy.
The idea is stupid simple: annotate UI elements with `data-askable`, and the library tracks focus + serializes it into a prompt-ready string. Pass that string to any LLM ā OpenAI, Anthropic, Vercel AI SDK, CopilotKit, LangChain.
That's it. Your assistant now knows the user is focused on Q3 revenue.
What's inside:
ā Zero runtime dependencies
ā React, Vue 3, Svelte, React Native, Vanilla JS
ā SSR-safe
ā Viewport awareness (what's currently on screen)
ā Conversation history helpers for multi-turn
ā Redaction hooks for sensitive fields
ā Live inspector overlay for dev
Not replacing your LLM SDK ā askable-ui is the context layer underneath it. Think of it as the "eyes" layer.
MIT licensed, open source, and I'd love feedback ā especially on the Vue and Svelte adapters. Drop questions in the comments!
Report
No reviews yetBe the first to leave a review for askable