/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
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install cro-mobile - After installation, invoke the skill by name or use
/cro-mobile - Provide required inputs per the skill's parameter spec and get structured output
What is Cro Mobile?
Improves mobile conversion by optimizing page speed, visible CTAs, touch-friendly forms, removing hover interactions, and testing on real devices. It is an AI Agent Skill for Claude Code / OpenClaw, with 124 downloads so far.
How do I install Cro Mobile?
Run "/install cro-mobile" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Cro Mobile free?
Yes, Cro Mobile is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Cro Mobile support?
Cro Mobile is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Cro Mobile?
It is built and maintained by WellyXY (@wellyxy); the current version is v1.0.0.