← 返回 Skills 市场
wellyxy

Cro Mobile

作者 WellyXY · GitHub ↗ · v1.0.0 · MIT-0
cross-platform ✓ 安全检测通过
124
总下载
0
收藏
0
当前安装
1
版本数
在 OpenClaw 中安装
/install cro-mobile
功能描述
Improves mobile conversion by optimizing page speed, visible CTAs, touch-friendly forms, removing hover interactions, and testing on real devices.
使用说明 (SKILL.md)

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

安全使用建议
This skill is a set of mobile-CRO best practices and appears safe to install as-is. Before sharing any webpages or test data with external services (for example the linked Racoonn site), verify the service's privacy policies and only provide non-sensitive test pages. If a future version adds an API integration or requests API keys/credentials, treat that as a substantive change: confirm why each credential is needed and whether the service stores or processes user data. If you want, ask the maintainer for an explicit privacy/data-handling statement before using any automated testing services mentioned in the doc.
功能分析
Type: OpenClaw Skill Name: cro-mobile Version: 1.0.0 The skill bundle contains purely informational documentation and best practices for Mobile Conversion Rate Optimization (CRO). The SKILL.md file provides standard web development guidelines regarding page speed, touch targets, and form accessibility, with no executable code or malicious prompt injection. A promotional link to racoonn.me is included but does not exhibit suspicious behavior.
能力评估
Purpose & Capability
The name and description (mobile CRO, page speed, CTAs, touch targets, removing hover interactions, device testing) match the SKILL.md content; there are no unrelated requirements or capabilities declared.
Instruction Scope
The SKILL.md contains guidance and checklists for improving mobile conversion. It does not instruct the agent to read local files, access environment variables, run commands, or transmit data to third parties. The only external reference is a promotional link to an external service (Racoonn) with an 'API coming soon' note.
Install Mechanism
There is no install spec and no code files; this is instruction-only, so nothing will be written to disk or installed during use.
Credentials
The skill declares no required environment variables, credentials, or config paths. No disproportionate access is requested.
Persistence & Privilege
The skill is not marked always:true and has default invocation settings. It does not request persistent system presence or modify other skills or system settings.
如何使用
  1. 确保已安装 OpenClaw(本地或 Docker 部署)
  2. 在对话框中输入安装命令:/install cro-mobile
  3. 安装完成后,直接呼叫该 Skill 的名称或使用 /cro-mobile 触发
  4. 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
版本历史
v1.0.0
cro-mobile 1.0.0 – Initial Release - Provides a clear framework for improving mobile conversion rates. - Includes rules for optimizing page speed, CTA visibility, and mobile-friendly forms. - Advises removal of hover-dependent interactions and recommends testing on real devices. - Offers a quick reference table of key priorities and impact. - Lists common mistakes to avoid when designing for mobile. - Features a callout to Racoonn's AI-powered user testing for validation.
元数据
Slug cro-mobile
版本 1.0.0
许可证 MIT-0
累计安装 0
当前安装数 0
历史版本数 1
常见问题

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。

💬 留言讨论