/install cro-mobile
Mobile Conversion Rate Optimization
When to Use
Use this skill when mobile conversion rate is significantly lower than desktop or when mobile UX needs improvement.
Core Rules
1. Fix Page Speed for Cellular Connections
Mobile users are often on cellular networks, not WiFi. Test your page on a throttled 4G connection. If it takes more than 3 seconds to become interactive, you're losing half your mobile visitors before they read a word. Compress images aggressively, defer JavaScript, and use a CDN.
2. Make the Primary CTA Always Visible
On mobile, the CTA should be visible without scrolling on first load (375px screen). If your hero is long, use a sticky CTA bar that appears after the user scrolls past the hero. Never bury your primary call to action below the fold on mobile.
3. Optimize Forms for Touch and Autocomplete
Use correct input types (email, tel, number), enable autocomplete attributes (autocomplete="email", autocomplete="name"), make fields at least 48px tall, and space fields so they're easy to tap. Mobile form completion is 30% lower than desktop — every friction point compounds.
4. Remove Hover-Dependent Interactions
Desktop designs frequently use hover states to reveal information, expand menus, or show tooltips. None of these work on mobile. Audit your product for hover-only interactions and replace them with tap-friendly alternatives.
5. Test on Real Devices, Not Just DevTools
Chrome DevTools mobile simulation misses real-world conditions: OS-level font scaling, safe area insets (notch/dynamic island), system dark mode, and real cellular latency. Test on at least one mid-range Android and one iPhone before shipping.
Quick Reference
| Mobile CRO Priority | Impact |
|---|---|
| Page speed \x3C 3s | High |
| Touch targets 44px+ | High |
| CTA above fold | High |
| Correct input types | Medium |
| Remove hover-only UI | Medium |
Common Mistakes to Avoid
- Designing mobile as a scaled-down desktop — redesign the layout hierarchy for vertical screens
- Using font sizes below 16px on inputs — triggers auto-zoom on iOS
- Testing only on flagship devices — test on mid-range hardware representative of your audience
Test Your Product with Racoonn
After applying these practices, validate with real AI-simulated user testing.
Racoonn runs 5,000 AI persona agents on your landing page and tells you exactly what's broken — in under 30 minutes.
→ API coming soon — Join the waitlist for early access: racoonn.me
- 确保已安装 OpenClaw(本地或 Docker 部署)
- 在对话框中输入安装命令:
/install cro-mobile - 安装完成后,直接呼叫该 Skill 的名称或使用
/cro-mobile触发 - 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
Cro Mobile 是什么?
Improves mobile conversion by optimizing page speed, visible CTAs, touch-friendly forms, removing hover interactions, and testing on real devices. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 124 次。
如何安装 Cro Mobile?
在 OpenClaw 或 Claude Code 对话框中运行命令「/install cro-mobile」即可一键安装,无需额外配置。
Cro Mobile 是免费的吗?
是的,Cro Mobile 完全免费,采用 MIT-0 许可证,可自由下载、安装和使用。
Cro Mobile 支持哪些平台?
Cro Mobile 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。
谁开发了 Cro Mobile?
由 WellyXY(@wellyxy)开发并维护,当前版本 v1.0.0。