该技能用于审查 CSS 和 JavaScript 中伪元素（::before/::after、::backdrop、::placeholder、::selection）的使用规范，以及 View Transitions API 的用法。触发场景包括检查悬停效果、装饰层与页面过渡。
工作方式：读取指定文件（或提示用户提供文件/匹配模式），对照规则逐条检查，并以 file:line 格式输出发现的问题，最后附汇总表（规则、数量、严重程度）。
规则分三类：一、Before/After（前缀 pseudo-）：::before/::after 必须设置 content 才能渲染；装饰内容应使用伪元素而非额外 DOM 节点；绝对定位伪元素的父元素需 position: relative；伪元素需 z-index 正确分层。还可用负 inset 扩展点击区域而无需额外标记。二、View Transitions（前缀 transition-）：参与过渡的元素需设置 view-transition-name；该名称在页面过渡期间必须唯一；过渡完成后应清理名称；页面过渡优先使用 View Transitions API 而非 JS 动画库；可用 ::view-transition-group() 等伪元素自定义动画。三、Native Styling（前缀 native-）：用 ::backdrop 设置 dialog/popover 背景；用 ::placeholder 设置输入框占位符样式；用 ::selection 设置文本选择样式。
输出示例：components/button/styles.module.css:12 - [pseudo-content-required] ::before missing content property。
限制：资料未提供安装命令、收费或平台信息。