made with Svelte

annotaKit

UI to Generate Agent-ready Context

Visit Site

Description

UI to Generate Agent-ready Context

"annotaKit is a Svelte 5 component that adds a floating toolbar to your SvelteKit app.

Click elements, select text, or drag to multi-select, add comments, then export structured markdown that AI agents like Claude or Cursor can act on. Exports include CSS selectors, Svelte component metadata, accessibility attributes, and computed styles.

Three output formats (compact, standard, detailed) are available, depending on how much context the agent needs.

annotaKit is open-source and MIT licensed. It's built entirely with Svelte 5, SvelteKit, TypeScript, Tailwind CSS 4, and Vite. The core library and docs site are both SvelteKit apps in a pnpm monorepo."


Creator

@nodestarQ


Social Media Links

OpenCovibe App for AI-assisted Vibe Coding
icon-eye-dark Created with Sketch. 181
Thunderdome ⚑ Open-source Planning Poker App
icon-eye-dark Created with Sketch. 1.388
Sentry for Svelte Svelte Error & Performance Monitoring
🧑 Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Vite Plugin Svelte Svelte Integration for Web Dev Build Tool Vite
icon-eye-dark Created with Sketch. 3.210
Svelte Language Tools Svelte Language Server & Official Extensions
icon-eye-dark Created with Sketch. 4.410