用途：为移动优先设计与响应式排版提供规则和最佳实践，基于 Tailwind 实现。核心是先为移动屏幕设计与实现，再逐步放大到更大屏幕。
主要能力：使用 Tailwind 的响应式前缀（sm:、md:、lg:、xl:）调整不同屏幕尺寸的布局；使用带响应式前缀的文本工具类调整字号；可考虑采用流式排版系统实现平滑缩放。
硬性规则（Iron Laws）：基础样式必须为移动端先写（不带 Tailwind 前缀即移动端），先写桌面类再追加移动端覆盖会破坏响应式级联并累积维护负担；触控目标不得小于 44px，iOS 要求 44×44px、Android 至少 48×48px，过小会导致误触并违反 WCAG 2.5.5；排版必须使用相对单位（rem/em），固定像素字号会破坏系统级文字缩放并违反 WCAG 1.4.4；不得省略 viewport meta 标签，缺少 width=device-width, initial-scale=1 时移动浏览器会渲染缩小的桌面布局，所有响应式 CSS 失效；面向任何设备前都应先为移动端优化图片，未优化图片是移动性能最大瓶颈，应提供 WebP/AVIF 与响应式 srcset。
反模式：桌面优先 CSS 加移动端覆盖会导致特异性冲突、级联顺序失效、维护成本上升，正确做法是先写移动基础样式再用 sm:/md:/lg: 前缀向上扩展；触控目标小于 44px、固定像素字号、缺失 viewport meta、向移动端提供未优化图片均属需避免的做法。
记忆协议（强制）：开始前执行 cat .claude/context/memory/learnings.md，完成后记录新发现；假设上下文可能被中断重置，未写入记忆即视为未发生。
限制：资料未提供具体安装命令、配置步骤、收费或平台支持信息，暂未提供。