name: mobile-ux-optimizer description: Skill for optimizing content, microcopy, and CTA placement for mobile viewports.

Mobile UX Optimizer

This skill focuses on the "soft" aspects of mobile design: copy, hierarchy, and interaction design.

Best Practices

1. Thumb-Friendly Navigation

• CTAs should be in the "bottom third" or center of the screen where thumbs can easily reach.
• Avoid placing primary actions in the top corners (hard to reach).

2. Punchy Microcopy

• Keep headers short (max 2-3 words on mobile).
• Use action-oriented button text ("Post Flyer" vs "Submit Information").
• Ensure font sizes are readable (min 16px for input text to prevent iOS auto-zoom).

3. Progressive Disclosure

• Hide non-essential information behind "Show More" or tabs.
• Use Accordions for long lists of information.

Checklist

• Primary button is prominent and easily reachable.
• Text is concise and doesn't wrap awkwardly.
• Form labels are above inputs (top-aligned) to save horizontal space.
• Modal close buttons are large enough to hit (min 44x44px).

Examples

mobile-optimized-copy.md

• Desktop: "Discover a vast array of classified advertisements from users in your local community."
• Mobile: "Browse local flyers."