菜单
Validates viewport meta configuration, responsive design, font sizes, touch target sizes, and mobile-hostile patterns. Use when checking mobile-friendliness or fixing mobile rendering issues.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Comprehensive SEO audit skill for Next.js and HTML pages. Covers on-page optimisation, JSON-LD schema validation, meta tags, Open Graph, semantic HTML, site speed, mobile responsiveness, and backlink analysis. Use when a user asks to audit, optimise, or fix SEO issues on a webpage or website.
Analyses outbound links for dofollow/nofollow strategy, domain diversity, anchor text quality, and sponsored/UGC attributes. Use when auditing link profiles or optimising outbound linking strategy.
Audits HTML patterns that affect Core Web Vitals (LCP, CLS, INP). Checks for layout shift causes, largest contentful paint blockers, and interaction responsiveness issues. Use when optimising page performance or fixing Google PageSpeed Insights warnings.
Validates hreflang tags, multi-language configuration, regional targeting, and internationalisation best practices. Use when auditing sites with multiple languages, regions, or localised content.
Validates title tags, meta descriptions, Open Graph tags, and Twitter Cards. Use when auditing or fixing meta data for search engine and social media optimisation. For canonical URLs and robots directives, see the technical-seo skill.
Validates heading hierarchy, keyword density and placement, and internal/external link structure. Use when auditing on-page SEO factors for an HTML page.
| name | mobile-optimization |
| description | Validates viewport meta configuration, responsive design, font sizes, touch target sizes, and mobile-hostile patterns. Use when checking mobile-friendliness or fixing mobile rendering issues. |
| license | MIT |
| metadata | {"author":"Muhammad Ahsan Iqbal (https://muhammadahsaniqbal.com)","linkedin":"https://www.linkedin.com/in/ahsan-iqbal-digitalmarketingexpert/","version":"1.0"} |
Audit the page for mobile-friendliness.
| Check | Status |
|---|---|
Missing <meta name="viewport"> | ❌ FAIL "Page will not render correctly on mobile" |
Present but missing width=device-width | ⚠️ WARN |
Contains user-scalable=no or maximum-scale=1 | ⚠️ WARN "Disabling zoom hurts accessibility" |
| Properly configured | ✅ PASS |
Scan all elements with inline style="..." for width: Npx:
width > 500px → ⚠️ WARN "May cause horizontal scrolling on mobile"Scan inline styles for font-size: Npx:
font-size < 12px → ⚠️ WARN "Difficult to read on mobile"Check interactive elements (<a>, <button>, <input type="submit">, <input type="button">) with inline height style:
height < 48px → ⚠️ WARN "Too small for touch targets"overflow-x: hidden or overflow: hidden → ⚠️ WARN "Verify content is not clipped on mobile"<link rel="stylesheet" media="..."> found → ✅ PASS "Media-query-specific stylesheets found"<table> elements → ⚠️ WARN "Tables can be difficult to read on mobile. Consider responsive table patterns"display: none or visibility: hidden should be excluded from touch target checksuser-scalable=no — flag as ⚠️ WARN but note context