为 Astro 网站提供可视化标注,帮助 AI 编码代理定位并调整前端样式
复制安装指令,让 AI 自动完成配置 · 推荐新手
"astrotation" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
检查这个 Astro 页面中按钮的视觉标注,告诉我它对应的 source file:line、CSS selector、Tailwind classes 和 computed styles,并指出应该去哪里修改样式。
返回按钮元素的源码位置、选择器、Tailwind 类与计算后样式,并给出修改入口建议。
查看这个 Astro 组件的可视化反馈,分析当前 Tailwind classes 分别影响了哪些最终样式,并说明哪些类可能造成布局问题。
输出类名与最终样式的对应关系,并标出可疑的布局相关类。
基于页面实时标注,检查这个 Astro 页面中文本块的 computed styles,解释它为什么没有按预期显示,并给出修改建议。
给出该文本块的计算样式说明、异常原因分析和可执行的样式调整建议。
前端开发者在 Astro 网站出现样式异常时,可借助可视化标注快速定位元素对应的源码位置、选择器和最终样式。这样能更快判断问题出在组件代码、CSS 还是 Tailwind 类。
当 AI 编码代理需要调整 Astro 站点界面时,这个工具可提供页面级视觉反馈和源码映射。它让代理更容易把页面元素与具体文件和行号对应起来。
开发者或设计协作者可以查看元素的 Tailwind 类和 computed styles,理解当前视觉结果是如何形成的。这适合排查类名冲突或样式覆盖问题。
它是一个面向 Astro 网站的 MCP 工具,为 AI 编码代理提供可视化反馈。反馈内容包括源码文件与行号、CSS 选择器、Tailwind 类以及计算后的样式。
它主要适合 Astro 站点的前端调试、样式排查和界面调整。尤其适合需要把页面元素快速映射回源码位置的场景。
给定素材没有提供安装步骤、运行时要求或密钥信息。具体前置条件与接入方式请见源码仓库。
帮助 AI 编码代理快速探索代码库结构、符号实现与模块内容。
提供多传统占星排盘与星历计算,支持多模式解读和结构化分析。
为 AI 编码代理提供设计指导、界面代码建议与设计评审支持。
帮助用户发现、订阅并筛选多站点 RSS 信息源,实现聚合追踪与自动管理
用于构建企业级智能体工作流与下一代超级代理的平台工具
帮助开发者构建、运行并可视化理解与调试 AI 智能体系统。