用途：当页面出现 CSS 定位异常、元素被裁剪或溢出、React 组件渲染异常、Tailwind 类不生效、绝对/相对定位问题、Flexbox/Grid 布局问题、z-index 层叠问题时，可用此技能进行诊断。
主要能力：提供分步调试流程。先收集信息，包括开发者工具中的 HTML 结构、相关元素的 computed styles、父容器的 position/overflow/display 属性以及截图。随后按常见问题清单逐项排查：绝对定位内容被裁剪（检查父级或祖先的 overflow: hidden/auto、父容器是否 position: relative、top/left/right/bottom 是否越界）；元素位置偏移（检查定位值、最近的定位祖先、margin/padding、transform 对定位上下文的影响）；内容不显示（检查宽高是否为 0、opacity、visibility、display、z-index 遮挡、文字与背景同色）；Tailwind 类不生效（检查拼写、优先级覆盖、动态类名生成、tailwind.config.js 的 content 配置）。
使用方式：在浏览器控制台运行其提供的调试命令，例如高亮所有绝对定位元素、查找 overflow: hidden 的容器、用 console.table 输出元素完整 computed 样式、用 findPositionedAncestor 查找定位祖先；也可借助 React DevTools 检查 props、state 与条件渲染。修复模式包括将 overflow: hidden 改为 visible、把绝对定位元素移到更外层容器、改用 fixed 定位、条件性设置 overflow、分离裁剪容器与绝对定位内容容器等。
输出格式：分析后给出问题诊断、原因分析、具体代码修改建议与验证步骤。
限制：资料未提供该技能的安装方式、依赖环境、收费与平台支持信息，暂未提供。