SEO Technical: Mobile-Friendly Skill

SEO Technical: Mobile-Friendly Skill

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,"…

Install command

npx skills add https://github.com/kostja94/marketing-skills --skill mobile-friendly
Added on

Details

Overview

SEO Technical: Mobile-Friendly Skill is an open-source Agent Skill from the kostja94/marketing-skills collection (MIT). It teaches AI coding agents focused marketing / SEO workflows so they can produce production-ready guidance instead of generic advice.

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.

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

Official skill id: mobile-friendly. Source path: skills/seo/technical/mobile-friendly.

Key Features

  • M: obile-first indexing: Google primarily crawls and indexes mobile version
  • M: obile adaptation: Responsive design, viewport, breakpoints
  • C: ontent parity: Mobile and desktop content should match (or mobile preferred)
  • M: obile usability: Viewport, font size, touch targets, no intrusive interstitials
  • A: MP: Accelerated Mobile Pages—status and when to consider
  • M: obile Usability status: Pass/fail from GSC or Mobile-Friendly Test

How to Use

  1. Use a Skill-compatible agent such as Claude Code, Cursor, or Codex.
  2. Install from the terminal (Node.js required):
npx skills add https://github.com/kostja94/marketing-skills --skill mobile-friendly

Or paste the install prompt from this tool page into your agent and ask it to install for you. 3. Restart / reload the agent so the new Skill is loaded. 4. Invoke the Skill with its slash commands or by asking the agent to run the workflow described in Overview / Key Features. 5. Review outputs before publishing — treat model-generated copy, images, and data as drafts.

Pricing

Plan Billing Price Notes
Open source — Free MIT license; install via npx skills add
Full pack — Free Optional: install the entire marketing-skills repo

No paid tiers. Check the GitHub repository for license and updates.

Best For

Marketers, indie hackers, ecommerce / SaaS founders, and SEO operators who want agents to execute a specific marketing task with structured best practices.

Trigger context from the skill author: 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…

FAQ

How do I install this skill?

npx skills add https://github.com/kostja94/marketing-skills --skill mobile-friendly

Or copy the skill folder into .cursor/skills/, .agents/skills/, or .claude/skills/.

Does this skill run code on my machine?

No. Skills in this collection are pure Markdown instructions for agents — no executable payloads.

Can I install only this skill instead of the full pack?

Yes. Prefer --skill mobile-friendly for a single task. Install 2–3 related skills per job rather than the entire library.

Where should I add project context?

Copy templates/project-context.md from the repo into .cursor/ or .claude/ and fill in product, audience, and brand details so outputs stay tailored.