YeomansIII/agent-ui-annotation
A web page annotation toolbar to help you better interact with AI coding agents.
Captures element metadata including CSS selectors, framework component hierarchies (React/Vue/Svelte/Angular), and custom context, then exports structured markdown with configurable detail levels (compact to forensic) that AI agents can parse to locate and modify UI components. Framework-agnostic with first-class support for vanilla JavaScript, React, Vue, Svelte, and Angular via web components and framework-specific wrappers. Includes multi-select, animation freezing, and localStorage persistence to streamline the UI feedback workflow.
42 stars and 9,314 monthly downloads. Available on npm.
Stars
42
Forks
3
Language
TypeScript
License
MIT
Category
Last pushed
Feb 21, 2026
Monthly downloads
9,314
Commits (30d)
0
Dependencies
1
Get this data via API
curl "https://pt-edge.onrender.com/api/v1/quality/agents/YeomansIII/agent-ui-annotation"
Open to everyone — 100 requests/day, no key needed. Get a free key for 1,000/day.
Related agents
CopilotKit/CopilotKit
The Frontend Stack for Agents & Generative UI. React + Angular. Makers of the AG-UI Protocol
AgnosticUI/agnosticui
AgnosticUI Local (v2) is a CLI-based UI component library that copies components directly into...
adnaan-worker/Adnify
Adnify—— 轻量级、高定制化 AI Agent 编辑器，碾压主流 AI 编程工具的极致体验！轻量化架构秒启不卡顿，支持 AI Agent 全流程定制（逻辑编排 / 工具审批 /...
TarekRaafat/eleva
Best DX + AX for Building the Best UX — An ultra-lightweight (~2.5KB) pure vanilla JavaScript...
tech-systems/panes
🎉📱 Create dynamic modals, cards, panes for your applications in few steps. Any framework and free.