@nuasite/cms-marker
Mark html tags with a unique identifier and generate a JSON file with the mapping.
Mark html tags with a unique identifier and generate a JSON file with the mapping.
Visual annotation overlay for Astro staging sites. Clients annotate HTML elements directly in the browser. Annotations stored as structured JSON, readable by developers and LLMs.
Grab context for coding agents directly from your astro site.
View your Astro components in one place, letting you preview them and interactively adjust props and slots in real time
Open Graph Tools for Astro
Dev toolbar integration for Astro that shows your environment variables grouped, masked, and searchable — only active in development mode.
Astro toolbar app designed to assist developers in converting designs to code. It provides visual aids and inspection tools directly within the browser.
Astro Dev Toolbar for viewing content collections, schemas, and variables
Astro dev toolbar app for switching user agent strings — test platform detection and browser-specific behavior without leaving the browser.
Hold a key, hover, click — grab any element's source context for AI agents. Astro devtool.
Build-time JS/CSS bundle size budgets for Astro. Fails the build when pages exceed your thresholds.
Astro Dev Toolbar app to inspect images on hover: actual size, render size, and warnings
Dev toolbar integration for Astro that shows a live, clickable route map of your entire project — grouped, searchable, and active only in development.
Astro Dev Toolbar app: click elements to capture context with annotations for AI coding assistants.
Helper components for Astro
A zero-dependency layout grid component for AstroJS.
An Astro integration to show your websites CO2 output in the dev toolbar
Page 2 of 3
Anyone can submit an integration to Astro. If you have questions about building your own integration, join our community on Discord!
Submit integration