{"repo":"nodestarQ/annotaKit","free":true,"listed":false,"github":"https://github.com/nodestarQ/annotaKit","clone":"git clone https://github.com/nodestarQ/annotaKit.git","description":"AnnotaKit generate agent-ready context through UI","language":"Svelte","stars":10,"topics":["ai","context","markdown","svelte","sveltekit","annotation","developer-tools","typescript"],"license":"MIT","category":"dev-tools","readme_excerpt":"annotakit Show your AI what to fix. Click your UI, leave notes, generate agent-ready context. Documentation annotaKit is a Svelte component that lets you annotate UI elements and export structured markdown. Click elements, add comments, and copy the output straight into Claude, Cursor, or any AI agent. Install Requires svelte ^5.35.0 as a peer dependency. Usage Import the component in your root layout: That's it. A floating toolbar appears in the corner of your app. Start collapsed with . How It Works 1. Activate - import annotaKit and the toolbar appears 2. Annotate - click elements, select text, or drag to multi-select 3. Comment - add notes describing the change needed 4. Export - copy structured markdown to your clipboard or pipe it to an AI agent 5. Paste - drop the markdown into Claude, Cursor, or any AI tool Output includes CSS selectors, Svelte component info, accessibility attributes, and computed styles. Everything an agent needs to locate and understand the element. Props Prop Type Default Description --- --- --- --- position 'top-left' \\ 'top-center' \\ 'top-right' \\ 'bottom-left' \\ 'bottom-center' \\ 'bottom-right' 'bottom-right' Toolbar position on screen outputFormat 'compact' \\ 'standard' \\ 'detailed' 'standard' Default markdown output format theme 'light' \\ 'dark' \\ 'auto' 'auto' Color theme ( auto follows system/ ) storageKey string 'annotakit' localStorage key for persisted annotations retentionDays number 7 Days to keep annotations in storage highlightColor ","default_branch":null,"files":null,"tree":[],"storefront":"/r/nodestarQ","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/nodestarQ/annotaKit/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}