用途：在构建响应式布局、实现流体排版、使用容器查询或制定断点策略时启用，提供移动优先 CSS 架构、clamp() 流体排版、容器查询、断点策略与内在布局等具体规则。
主要能力：给出移动优先断点令牌与 min-width 用法；用 clamp() 定义流体字号与间距；用 @container 让组件按容器宽度自适应；提供响应式网格、srcset/picture 图片、导航模式与流体间距刻度等可复制 CSS 模式。
核心原则：始终移动优先，基础样式即移动样式，用 min-width 渐进增强；优先流体值而非固定断点；组件用容器查询而非媒体查询；断点由内容决定而非设备；在真实设备上测试。
使用方式：按需加载 references/breakpoint-patterns.md 与 references/navigation-patterns.md。首次激活时运行 ls ~/.claude/skills/ ~/.agent/skills/ ~/.agents/skills/ .claude/skills/ .agent/skills/ .agents/skills/ 2>/dev/null 检查配套技能，缺失时可用 npx skills add AbsolutelySkilled/AbsolutelySkilled --skill <name> 安装。
限制与注意：clamp() 中间值必须含视口相对单位；container-type 需设在被样式化组件的父级包装元素上；100vw 会因滚动条导致横向溢出；字号用 rem 以符合 WCAG 1.4.4；底部固定元素需加 env(safe-area-inset-bottom)。不适用于纯视觉样式或后端/API 场景。具体收费与平台信息暂未提供。