[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-74812":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":34,"lastSyncTime":35,"discoverSource":36},74812,"agentation","benjitaylor\u002Fagentation","benjitaylor","The visual feedback tool for agents.","https:\u002F\u002Fagentation.com",null,"TypeScript",3897,309,9,27,0,40,104,293,120,109.47,"Other",false,"main",true,[27,28,29,30],"ai","design","tools","ui","2026-06-12 04:01:15","\u003Cpicture>\n  \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"package\u002Flogo-dark.svg\">\n  \u003Cimg src=\"package\u002Flogo.svg\" alt=\"Agentation\" width=\"200\">\n\u003C\u002Fpicture>\n\n\u003Cbr>\n\n[![npm version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fagentation)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fagentation)\n[![downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fagentation)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fagentation)\n\n**[Agentation](https:\u002F\u002Fagentation.com)** is an agent-agnostic visual feedback tool. Click elements on your page, add notes, and copy structured output that helps AI coding agents find the exact code you're referring to.\n\n## Install\n\n```bash\nnpm install agentation -D\n```\n\n## Usage\n\n```tsx\nimport { Agentation } from 'agentation';\n\nfunction App() {\n  return (\n    \u003C>\n      \u003CYourApp \u002F>\n      \u003CAgentation \u002F>\n    \u003C\u002F>\n  );\n}\n```\n\nThe toolbar appears in the bottom-right corner. Click to activate, then click any element to annotate it.\n\n## Features\n\n- **Click to annotate** – Click any element with automatic selector identification\n- **Text selection** – Select text to annotate specific content\n- **Multi-select** – Drag to select multiple elements at once\n- **Area selection** – Drag to annotate any region, even empty space\n- **Animation pause** – Freeze all animations (CSS, JS, videos) to capture specific states\n- **Structured output** – Copy markdown with selectors, positions, and context\n- **Dark\u002Flight mode** – Matches your preference or set manually\n- **Zero dependencies** – Pure CSS animations, no runtime libraries\n\n## How it works\n\nAgentation captures class names, selectors, and element positions so AI agents can `grep` for the exact code you're referring to. Instead of describing \"the blue button in the sidebar,\" you give the agent `.sidebar > button.primary` and your feedback.\n\n## Requirements\n\n- React 18+\n- Desktop browser (mobile not supported)\n\n## Docs\n\nFull documentation at [agentation.com](https:\u002F\u002Fagentation.com)\n\n## License\n\n© 2026 Benji Taylor\n\nLicensed under PolyForm Shield 1.0.0\n","Agentation 是一个面向代理的可视化反馈工具，旨在帮助用户通过点击页面元素、添加注释并复制结构化输出，从而让AI编码代理能够精准定位到所指代码。其核心功能包括点击注释、文本选择、多选、区域选择、动画暂停以及提供结构化输出等，支持暗黑\u002F亮色模式切换，并且无外部依赖。该工具特别适合需要与AI协作进行网页或应用开发和调试的场景中使用，尤其是在React 18及以上版本的项目里，可以极大地提高开发者与AI之间的沟通效率。",2,"2026-06-11 03:50:56","high_star"]