YeomansIII/agent-ui-annotation
A web page annotation toolbar to help you better interact with AI coding agents.
This tool helps web developers precisely communicate user interface changes to AI coding agents. Developers can click on elements of a web page, add notes, and then export structured markdown that accurately describes the UI component's identity, location, and the desired modifications. This ensures AI agents can pinpoint and edit specific parts of the codebase without ambiguity.
Available on npm.
Use this if you are a web developer who uses AI coding agents and struggles to precisely describe which UI elements need modification.
Not ideal if you are not a web developer or if you do not use AI coding agents to assist with UI development.
Stars
42
Forks
3
Language
TypeScript
License
MIT
Category
Last pushed
Feb 21, 2026
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.
Higher-rated alternatives
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 全流程定制（逻辑编排 / 工具审批 /...
tech-systems/panes
🎉📱 Create dynamic modals, cards, panes for your applications in few steps. Any framework and free.
TarekRaafat/eleva
Best DX + AX for Building the Best UX — An ultra-lightweight (~2.5KB) pure vanilla JavaScript...