该技能用于统一响应式 CSS 的判断顺序，减少不必要的断点与临时性单位选择。资料将其定位为：CSS 是给浏览器的建议，应优先使用内在适配。适用场景包括新写 CSS、审查已有响应式实现、决定 Media Queries 与 Container Queries 的分工、设计 clamp() 与流式值、检查 svi、svb、cqi 等单位选择，以及排查 AI 生成 CSS 中的风险实现。
判断顺序为：静态、Intrinsic、Container Queries、Media Queries。首先确认元素是否真的需要响应式；标签、徽章、图标、分隔线、固定尺寸 logo 或头像等本质固定的小元素不应响应式化。Intrinsic 最优先：使用 auto、fit-content、min-content、max-content，flex-wrap: wrap，grid 与 auto-fit、auto-fill、minmax()，以及 clamp()、min()、max() 流式值；优先 max-inline-size 而非固定 width，优先 min-block-size 或 aspect-ratio 而非固定 height。同一组件复用于多个位置且随父宽变化时用 Container Queries；只有页面级宏布局或视口固定 UI 才用 Media Queries。
容器查询方面：只给组件根或必要包装层加 container-type，不全局添加，不给 html、body 或页面布局元素指定；容器不能引用自身 @container 条件，需父为容器、子做切换；container-type: inline-size 带有 contain: inline-size，对内容依赖宽度的元素易导致尺寸崩坏；容器自身不带 padding 与 border；旧环境慎防 position: fixed；原则上不用 container-type: size；<source media> 不理解容器查询。
单位方面：横向用 svi、dvi、lvi，纵向用 svb、dvb、lvb，不确定时优先 svi 与 svb；dvb 易造成布局偏移，仅在必要时使用；优先 min-block-size 而非固定高度。视口单位用于页面级场景，cqi 仅在容器上下文有保证时于后代使用，未解析时会回退到 small viewport 基准而改变含义；原则上不用 cqb、cqw、cqmin、cqmax。
断点以内容破绽位置决定，不用设备分类，单位用 rem，px 来源值用 calc(640 / 16 * 1rem) 之类转换，阈值应写成列数、最小宽度、gap、留白等成立条件。流式尺寸用 clamp(min, preferred, max)，最小值为 rem 固定值。固定尺寸用 min(100%, var(--_size)) 防止溢出。zoom 仅在内在适配、容器查询、媒体查询均无法避免破绽时使用，上限为 1，只用于明确最小宽度的组件根。输出时应说明在 0 至 3 中哪一层解决、为何媒体查询或容器查询不可替代，并指出原有或 AI 生成代码的风险点，不破坏既有分层与命名规则。