Agent skill · Content & Marketing

mobile-friendly

When the user wants to optimize for mobile-first indexing or fix mobile usability. Also use when the user mentions "mobile-friendly," "mobile-first indexing," "mobile SEO," "responsive design," "mobile adaptation," "mobile viewport," "viewport meta," "touch targets," "font size mobile," "AMP," or "Accelerated Mobile Pages." For viewport meta, use page-metadata.

kostja94github.com/kostja94GitHub ↗
cursorMIT
Install
npx skills add kostja94/marketing-skills --skill mobile-friendly --agent cursor

Same command for any agent — swap --agent for claude-code, codex, copilot.

Facts
Files in the skill folder: 1
SKILL.md size: 6 KB
Bundled scripts: none
Version: 1.1.2
Path: skills/seo/technical/mobile-friendly/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 848

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# SEO Technical: Mobile-Friendly Guides mobile-first indexing optimization and mobile usability. Google uses the mobile version of pages for indexing and ranking; mobile-friendliness is a ranking factor. **When invoking**: On **first use**, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On **subsequent use** or when the user asks to skip, go directly to the main output. ## Scope (Technical SEO) - **Mobile-first indexing**: Google primarily crawls and indexes mobile version - **Mobile adaptation**: Responsive design, viewport, breakpoints - **Content parity**: Mobile and desktop content should match (or mobile preferred) - **Mobile usability**: Viewport, font size, touch targets, no intrusive interstitials - **AMP**: Accelerated Mobile Pages—status and when to consider ## Initial Assessment **Check for project context first:** If `.claude/project-context.md` or `.cursor/project-context.md` exists, read it for site URL. Identify: 1. **Site type**: Responsive, separate AMP, dynamic serving 2. **Content parity**: Does mobile show same content as desktop? 3. **Tools**: GSC Mobile Usability report; [Mobile-Friendly Test](ht

What's inside
Steps it walks through
  1. Scope (Technical SEO)
  2. Initial Assessment
  3. Mobile-First Indexing Requirements
  4. Responsive Design & Mobile Adaptation
  5. Viewport
  6. Mobile Usability Checklist
  7. Common Issues
  8. Responsive vs. Separate URLs
  9. Accelerated Mobile Pages (AMP)
  10. Output Format
  11. Related Skills
More from marketing-skills
All skills →
About this skill
What does the mobile-friendly skill do?

When the user wants to optimize for mobile-first indexing or fix mobile usability. Also use when the user mentions "mobile-friendly," "mobile-first indexing," "mobile SEO," "responsive design," "mobile adaptation," "mobile viewport," "viewport meta," "touch targets," "font size mobile," "AMP," or "Accelerated Mobile Pages." For viewport meta, use page-metadata.

How do I install it?

Run `npx skills add kostja94/marketing-skills --skill mobile-friendly --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From kostja94/marketing-skills, a repository with 848 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going