{
  "markdown": "<picture>\n  <source media=\"(prefers-color-scheme: dark)\" srcset=\"package/logo-dark.svg\">\n  <img src=\"package/logo.svg\" alt=\"Agentation\" width=\"200\">\n</picture>\n\n<br>\n\n[![npm version](https://img.shields.io/npm/v/agentation)](https://www.npmjs.com/package/agentation)\n[![downloads](https://img.shields.io/npm/dm/agentation)](https://www.npmjs.com/package/agentation)\n\n**[Agentation](https://agentation.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    <>\n      <YourApp />\n      <Agentation />\n    </>\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/light 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://agentation.com)\n\n## License\n\n© 2026 Benji Taylor\n\nLicensed under PolyForm Shield 1.0.0\n",
  "bytes": 1977,
  "sha": "5502948dab121941973049d6c897311277554ec9d2b809bd8a391be4617fc569",
  "repo_slug": "benjitaylor/agentation",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_benjitaylor_agentation_agentation_self_d_8d6394fc/readme"
}