$ loading_
Provides visual annotations for AI coding agents on Astro websites.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "astrotation" yet — see the docs or source repo.
Inspect the visual annotations for the button on this Astro page and tell me its source file:line, CSS selector, Tailwind classes, and computed styles, then point out where the style should be changed.
Returns the element's source location, selector, Tailwind classes, and computed styles, plus guidance on where to edit it.
Use the visual feedback for this Astro component to analyze which final styles are produced by the current Tailwind classes and identify any classes that may be causing layout issues.
Outputs a mapping between class names and final styles, highlighting suspicious layout-related classes.
Using the live annotations, inspect the computed styles of the text block on this Astro page, explain why it is not rendering as expected, and suggest fixes.
Provides computed style details, explains the issue, and suggests actionable style adjustments.
Frontend developers can use visual annotations to quickly locate the source position, selector, and final styles of problematic elements on Astro sites. This helps determine whether the issue comes from component code, CSS, or Tailwind classes.
When an AI coding agent needs to adjust an Astro site's UI, this tool provides page-level visual feedback and source mapping. It makes it easier for the agent to connect on-page elements to specific files and lines.
Developers or design collaborators can inspect an element's Tailwind classes and computed styles to understand how the current visual result is produced. This is useful for diagnosing class conflicts or style overrides.
It is an MCP tool for Astro websites that gives visual feedback to AI coding agents. The feedback includes source file and line, CSS selectors, Tailwind classes, and computed styles.
It is mainly suited for frontend debugging, style inspection, and UI adjustments on Astro sites. It is especially useful when you need to quickly map page elements back to source locations.
The provided materials do not include installation steps, runtime requirements, or key information. For exact prerequisites and setup details, see the source repository.
Helps AI coding agents inspect codebase structure, symbols, and modules faster.
Generate multi-tradition astrology charts and ephemeris-based analyses across many modes.
Give AI coding agents design direction, UI code guidance, and critique.
Discover, subscribe to, and filter RSS feeds across many websites automatically.
Build enterprise-grade agent workflows and next-generation super agents.
Build, run, inspect, and debug AI agents with better visibility.