[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6J5JHXZ2Y4SBXVB51ZP21W2":3,"skill-same:01M6J5JHXZ2Y4SBXVB51ZP21W2":118},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":37,"publishedAt":58,"linkOnly":59,"markdownContent":60,"markdownBody":61,"frontMatter":62,"refName":77,"commitSha":78,"skillDirectory":79,"forksCount":80,"repositoryHtmlUrl":81,"repositoryHomepageUrl":82,"ownerHtmlUrl":83,"ownerBlogUrl":6,"ownerDescription":84,"updatedAt":85,"install":86,"resources":99},"01M6J5JHXZ2Y4SBXVB51ZP21W2","roier-seo",null,"Technical SEO auditor and fixer. Runs Lighthouse\u002FPageSpeed audits on websites or local dev servers, analyzes SEO\u002Fperformance\u002Faccessibility scores, and automatically implements fixes for meta tags, structured data, Core Web Vitals, and accessibility issues.","onfire7777\u002Funiversal-ai-skills-library","onfire7777","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F240866566?v=4","01M6HZJCF2QEW8DY7HE1JDKGK2","Jake B","01M6HZJCKK8SEXKN76V9SGKZ12",17,"MIT","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Froier-seo\u002FSKILL.md",[18,23,26,29,34],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000019","营销推广",{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":30,"categoryName":31,"taxonomyType":32,"taxonomyTypeDesc":33},"01JBSEEDCAT000000000000033","数据分析师","PROFESSION","适用职业",{"categoryNo":35,"categoryName":36,"taxonomyType":32,"taxonomyTypeDesc":33},"01JBSEEDCAT000000000000035","市场营销",[38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57],"seo","roier seo","WCAG","for","auditor","tags","fixer","local","launcher","js","Next.js","structured data","Meta Tags","PageSpeed","Lighthouse","core web vitals","Meta","vue","dev","react","2026-11-10 10:12:30",false,"---\nname: roier-seo\nlicense: MIT\ndescription: Technical SEO auditor and fixer. Runs Lighthouse\u002FPageSpeed audits on websites or local dev servers, analyzes SEO\u002Fperformance\u002Faccessibility scores, and automatically implements fixes for meta tags, structured data, Core Web Vitals, and accessibility issues.\nmetadata:\n  version: 1.0.0\n  author: Kemeny Studio\n  tags:\n  - SEO\n  - Lighthouse\n  - PageSpeed\n  - Accessibility\n  - Performance\n  - Meta Tags\n  - Structured Data\n  - Core Web Vitals\n  - WCAG\n  - Next.js\n  - React\n  - Vue\n  dependencies:\n  - lighthouse\n  - chrome-launcher\n---\n# Roier SEO - Technical SEO Auditor & Fixer\n\nAI-powered SEO optimization skill that audits websites and automatically implements fixes.\n\n## When to use this skill\n\n**Use Roier SEO when:**\n- User asks to \"audit my site\" or \"check SEO\"\n- User wants to \"improve performance\" or \"fix SEO issues\"\n- User mentions \"lighthouse\", \"pagespeed\", or \"core web vitals\"\n- User wants to add\u002Ffix meta tags, structured data, or accessibility\n- User has a local dev server and wants SEO analysis\n\n**Key features:**\n- **Full Audits**: Lighthouse audits on any URL (localhost or live)\n- **Auto-Fix**: Implements fixes directly in the codebase\n- **Framework Aware**: Detects Next.js, React, Vue, Nuxt, plain HTML\n- **Core Web Vitals**: Track FCP, LCP, TBT, CLS metrics\n- **Structured Data**: JSON-LD schemas for rich snippets\n- **Accessibility**: WCAG compliance fixes\n\n**Use alternatives instead:**\n- **React Best Practices**: For general React performance optimization\n- **Manual Lighthouse**: For one-off audits without auto-fixing\n\n## Quick start\n\n### Installation\n\nAfter installing the skill, install the audit dependencies:\n\n```bash\ncd ~\u002F.claude\u002Fskills\u002Froier-seo\u002Fscripts\nnpm install\n```\n\n### Running an Audit\n\nFor a **live website**:\n```bash\nnode ~\u002F.claude\u002Fskills\u002Froier-seo\u002Fscripts\u002Faudit.js https:\u002F\u002Fexample.com\n```\n\nFor a **local dev server** (must be running):\n```bash\nnode ~\u002F.claude\u002Fskills\u002Froier-seo\u002Fscripts\u002Faudit.js http:\u002F\u002Flocalhost:3000\n```\n\nOutput formats:\n```bash\n# JSON output (default, for programmatic use)\nnode ~\u002F.claude\u002Fskills\u002Froier-seo\u002Fscripts\u002Faudit.js https:\u002F\u002Fexample.com\n\n# Human-readable summary\nnode ~\u002F.claude\u002Fskills\u002Froier-seo\u002Fscripts\u002Faudit.js https:\u002F\u002Fexample.com --output=summary\n\n# Save to file\nnode ~\u002F.claude\u002Fskills\u002Froier-seo\u002Fscripts\u002Faudit.js https:\u002F\u002Fexample.com --save=results.json\n```\n\n## Audit categories\n\nThe audit returns scores (0-100) for five categories:\n\n| Category | Description | Weight |\n|----------|-------------|--------|\n| **Performance** | Page load speed, Core Web Vitals | High |\n| **Accessibility** | WCAG compliance, screen reader support | High |\n| **Best Practices** | Security, modern web standards | Medium |\n| **SEO** | Search engine optimization, crawlability | High |\n| **PWA** | Progressive Web App compliance | Low |\n\n## Technical SEO fix patterns\n\n### Meta tags (HTML Head)\n\n#### Title tag\n```html\n\u003C!-- Bad -->\n\u003Ctitle>Home\u003C\u002Ftitle>\n\n\u003C!-- Good -->\n\u003Ctitle>Primary Keyword - Secondary Keyword | Brand Name\u003C\u002Ftitle>\n```\n\n**Rules:**\n- 50-60 characters max\n- Include primary keyword near the beginning\n- Unique per page\n- Include brand name at end\n\n#### Meta description\n```html\n\u003Cmeta name=\"description\" content=\"Compelling description with keywords. 150-160 characters that encourages clicks from search results.\">\n```\n\n**Rules:**\n- 150-160 characters\n- Include primary and secondary keywords naturally\n- Compelling call-to-action\n- Unique per page\n\n#### Essential meta tags\n```html\n\u003Cmeta charset=\"UTF-8\">\n\u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\u003Chtml lang=\"en\">\n```\n\n### Open Graph tags (social sharing)\n\n```html\n\u003Cmeta property=\"og:title\" content=\"Page Title\">\n\u003Cmeta property=\"og:description\" content=\"Page description\">\n\u003Cmeta property=\"og:image\" content=\"https:\u002F\u002Fexample.com\u002Fimage.jpg\">\n\u003Cmeta property=\"og:url\" content=\"https:\u002F\u002Fexample.com\u002Fpage\">\n\u003Cmeta property=\"og:type\" content=\"website\">\n\u003Cmeta property=\"og:site_name\" content=\"Brand Name\">\n```\n\n### Twitter Card tags\n\n```html\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\">\n\u003Cmeta name=\"twitter:title\" content=\"Page Title\">\n\u003Cmeta name=\"twitter:description\" content=\"Page description\">\n\u003Cmeta name=\"twitter:image\" content=\"https:\u002F\u002Fexample.com\u002Fimage.jpg\">\n```\n\n### Canonical URL\n\n```html\n\u003Clink rel=\"canonical\" href=\"https:\u002F\u002Fexample.com\u002Fcanonical-page\">\n```\n\n### Robots meta\n\n```html\n\u003C!-- Allow indexing (default) -->\n\u003Cmeta name=\"robots\" content=\"index, follow\">\n\n\u003C!-- Prevent indexing (for staging, admin pages) -->\n\u003Cmeta name=\"robots\" content=\"noindex, nofollow\">\n```\n\n## Structured data (JSON-LD)\n\n### Website schema\n```html\n\u003Cscript type=\"application\u002Fld+json\">\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"WebSite\",\n  \"name\": \"Site Name\",\n  \"url\": \"https:\u002F\u002Fexample.com\",\n  \"potentialAction\": {\n    \"@type\": \"SearchAction\",\n    \"target\": \"https:\u002F\u002Fexample.com\u002Fsearch?q={search_term_string}\",\n    \"query-input\": \"required name=search_term_string\"\n  }\n}\n\u003C\u002Fscript>\n```\n\n### Organization schema\n```html\n\u003Cscript type=\"application\u002Fld+json\">\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"Organization\",\n  \"name\": \"Company Name\",\n  \"url\": \"https:\u002F\u002Fexample.com\",\n  \"logo\": \"https:\u002F\u002Fexample.com\u002Flogo.png\",\n  \"sameAs\": [\n    \"https:\u002F\u002Ftwitter.com\u002Fcompany\",\n    \"https:\u002F\u002Flinkedin.com\u002Fcompany\u002Fcompany\"\n  ]\n}\n\u003C\u002Fscript>\n```\n\n### BreadcrumbList schema\n```html\n\u003Cscript type=\"application\u002Fld+json\">\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"BreadcrumbList\",\n  \"itemListElement\": [\n    {\"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": \"https:\u002F\u002Fexample.com\"},\n    {\"@type\": \"ListItem\", \"position\": 2, \"name\": \"Category\", \"item\": \"https:\u002F\u002Fexample.com\u002Fcategory\"},\n    {\"@type\": \"ListItem\", \"position\": 3, \"name\": \"Page\"}\n  ]\n}\n\u003C\u002Fscript>\n```\n\n### Article schema (for blog posts)\n```html\n\u003Cscript type=\"application\u002Fld+json\">\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"Article Title\",\n  \"author\": {\"@type\": \"Person\", \"name\": \"Author Name\"},\n  \"datePublished\": \"2024-01-15\",\n  \"dateModified\": \"2024-01-20\",\n  \"image\": \"https:\u002F\u002Fexample.com\u002Farticle-image.jpg\",\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Publisher Name\",\n    \"logo\": {\"@type\": \"ImageObject\", \"url\": \"https:\u002F\u002Fexample.com\u002Flogo.png\"}\n  }\n}\n\u003C\u002Fscript>\n```\n\n## Performance optimizations\n\n### Image optimization\n\n```html\n\u003C!-- Add width\u002Fheight to prevent CLS -->\n\u003Cimg src=\"image.jpg\" alt=\"Description\" width=\"800\" height=\"600\">\n\n\u003C!-- Add lazy loading -->\n\u003Cimg src=\"image.jpg\" alt=\"Description\" loading=\"lazy\">\n\n\u003C!-- Use modern formats -->\n\u003Cpicture>\n  \u003Csource srcset=\"image.avif\" type=\"image\u002Favif\">\n  \u003Csource srcset=\"image.webp\" type=\"image\u002Fwebp\">\n  \u003Cimg src=\"image.jpg\" alt=\"Description\">\n\u003C\u002Fpicture>\n```\n\n### Font optimization\n\n```html\n\u003C!-- Preload critical fonts -->\n\u003Clink rel=\"preload\" href=\"\u002Ffonts\u002Fmain.woff2\" as=\"font\" type=\"font\u002Fwoff2\" crossorigin>\n```\n\n```css\n@font-face {\n  font-family: 'Custom Font';\n  src: url('\u002Ffonts\u002Fcustom.woff2') format('woff2');\n  font-display: swap;\n}\n```\n\n### Resource hints\n\n```html\n\u003C!-- Preconnect to critical third-party origins -->\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.googleapis.com\">\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Fcdn.example.com\">\n\n\u003C!-- DNS prefetch for non-critical origins -->\n\u003Clink rel=\"dns-prefetch\" href=\"https:\u002F\u002Fanalytics.example.com\">\n\n\u003C!-- Preload critical resources -->\n\u003Clink rel=\"preload\" href=\"\u002Fcritical.css\" as=\"style\">\n```\n\n## Accessibility fixes\n\n### Alt text\n```html\n\u003C!-- Good (descriptive) -->\n\u003Cimg src=\"photo.jpg\" alt=\"Team members collaborating in the office\">\n\n\u003C!-- Good (decorative) -->\n\u003Cimg src=\"decoration.jpg\" alt=\"\" role=\"presentation\">\n```\n\n### Color contrast\n- **4.5:1** contrast ratio for normal text\n- **3:1** contrast ratio for large text (18px+ or 14px+ bold)\n\n### Form labels\n```html\n\u003Clabel for=\"email\">Email Address\u003C\u002Flabel>\n\u003Cinput type=\"email\" id=\"email\" name=\"email\">\n```\n\n### Skip link\n```html\n\u003Ca href=\"#main-content\" class=\"skip-link\">Skip to main content\u003C\u002Fa>\n\n\u003Cstyle>\n.skip-link {\n  position: absolute;\n  left: -9999px;\n}\n.skip-link:focus {\n  left: 0;\n  top: 0;\n  z-index: 9999;\n  background: #000;\n  color: #fff;\n  padding: 8px 16px;\n}\n\u003C\u002Fstyle>\n```\n\n### Button accessibility\n```html\n\u003C!-- Icon button needs aria-label -->\n\u003Cbutton aria-label=\"Close menu\">\n  \u003Csvg>...\u003C\u002Fsvg>\n\u003C\u002Fbutton>\n```\n\n## Framework-specific patterns\n\n### Next.js (App Router)\n\n```tsx\n\u002F\u002F app\u002Flayout.tsx\nimport type { Metadata } from 'next'\n\nexport const metadata: Metadata = {\n  title: {\n    default: 'Site Name',\n    template: '%s | Site Name'\n  },\n  description: 'Site description',\n  openGraph: {\n    title: 'Site Name',\n    description: 'Site description',\n    url: 'https:\u002F\u002Fexample.com',\n    siteName: 'Site Name',\n    type: 'website',\n  },\n}\n```\n\n### Next.js (Pages Router)\n\n```jsx\nimport Head from 'next\u002Fhead';\n\nexport default function Page() {\n  return (\n    \u003C>\n      \u003CHead>\n        \u003Ctitle>Page Title | Brand\u003C\u002Ftitle>\n        \u003Cmeta name=\"description\" content=\"Page description\" \u002F>\n        \u003Clink rel=\"canonical\" href=\"https:\u002F\u002Fexample.com\u002Fpage\" \u002F>\n      \u003C\u002FHead>\n      \u003Cmain>...\u003C\u002Fmain>\n    \u003C\u002F>\n  );\n}\n```\n\n### React (with react-helmet)\n\n```jsx\nimport { Helmet } from 'react-helmet';\n\nfunction Page() {\n  return (\n    \u003C>\n      \u003CHelmet>\n        \u003Ctitle>Page Title | Brand\u003C\u002Ftitle>\n        \u003Cmeta name=\"description\" content=\"Page description\" \u002F>\n      \u003C\u002FHelmet>\n      \u003Cmain>...\u003C\u002Fmain>\n    \u003C\u002F>\n  );\n}\n```\n\n### Vue.js (with useHead)\n\n```vue\n\u003Cscript setup>\nuseHead({\n  title: 'Page Title | Brand',\n  meta: [\n    { name: 'description', content: 'Page description' }\n  ],\n  link: [\n    { rel: 'canonical', href: 'https:\u002F\u002Fexample.com\u002Fpage' }\n  ]\n})\n\u003C\u002Fscript>\n```\n\n### Nuxt.js\n\n```vue\n\u003Cscript setup>\nuseSeoMeta({\n  title: 'Page Title | Brand',\n  description: 'Page description',\n  ogTitle: 'Page Title',\n  ogDescription: 'Page description',\n  ogImage: 'https:\u002F\u002Fexample.com\u002Fog-image.jpg'\n})\n\u003C\u002Fscript>\n```\n\n## Workflow\n\n### Step 1: Audit\nRun the audit script on the target URL:\n```bash\nnode ~\u002F.claude\u002Fskills\u002Froier-seo\u002Fscripts\u002Faudit.js \u003CURL>\n```\n\n### Step 2: Identify framework\nCheck `package.json` dependencies and framework-specific files.\n\n### Step 3: Prioritize fixes\n1. **Critical** (red): Fix immediately\n2. **Serious** (orange): Fix soon\n3. **Moderate** (yellow): Fix when possible\n4. **Minor** (gray): Nice to have\n\n### Step 4: Implement\nUse the fix patterns above, adapted to the user's framework.\n\n### Step 5: Re-audit\nRun the audit again to verify improvements.\n\n## Requirements\n\n- **Node.js 18+**\n- **Chrome\u002FChromium** browser (for Lighthouse)\n- Audit script dependencies (installed via npm)\n\n## Resources\n\n- [Google Lighthouse](https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Flighthouse\u002F)\n- [PageSpeed Insights](https:\u002F\u002Fpagespeed.web.dev\u002F)\n- [Schema.org](https:\u002F\u002Fschema.org\u002F)\n- [WCAG Guidelines](https:\u002F\u002Fwww.w3.org\u002FWAI\u002Fstandards-guidelines\u002Fwcag\u002F)\n- [Core Web Vitals](https:\u002F\u002Fweb.dev\u002Fvitals\u002F)\n\n## Version history\n\n**v1.0.0** (January 2026)\n- Initial release\n- Lighthouse audit integration\n- 50+ SEO fix patterns\n- Framework support for Next.js, React, Vue, Nuxt\n","# Roier SEO - Technical SEO Auditor & Fixer\n\nAI-powered SEO optimization skill that audits websites and automatically implements fixes.\n\n## When to use this skill\n\n**Use Roier SEO when:**\n- User asks to \"audit my site\" or \"check SEO\"\n- User wants to \"improve performance\" or \"fix SEO issues\"\n- User mentions \"lighthouse\", \"pagespeed\", or \"core web vitals\"\n- User wants to add\u002Ffix meta tags, structured data, or accessibility\n- User has a local dev server and wants SEO analysis\n\n**Key features:**\n- **Full Audits**: Lighthouse audits on any URL (localhost or live)\n- **Auto-Fix**: Implements fixes directly in the codebase\n- **Framework Aware**: Detects Next.js, React, Vue, Nuxt, plain HTML\n- **Core Web Vitals**: Track FCP, LCP, TBT, CLS metrics\n- **Structured Data**: JSON-LD schemas for rich snippets\n- **Accessibility**: WCAG compliance fixes\n\n**Use alternatives instead:**\n- **React Best Practices**: For general React performance optimization\n- **Manual Lighthouse**: For one-off audits without auto-fixing\n\n## Quick start\n\n### Installation\n\nAfter installing the skill, install the audit dependencies:\n\n```bash\ncd ~\u002F.claude\u002Fskills\u002Froier-seo\u002Fscripts\nnpm install\n```\n\n### Running an Audit\n\nFor a **live website**:\n```bash\nnode ~\u002F.claude\u002Fskills\u002Froier-seo\u002Fscripts\u002Faudit.js https:\u002F\u002Fexample.com\n```\n\nFor a **local dev server** (must be running):\n```bash\nnode ~\u002F.claude\u002Fskills\u002Froier-seo\u002Fscripts\u002Faudit.js http:\u002F\u002Flocalhost:3000\n```\n\nOutput formats:\n```bash\n# JSON output (default, for programmatic use)\nnode ~\u002F.claude\u002Fskills\u002Froier-seo\u002Fscripts\u002Faudit.js https:\u002F\u002Fexample.com\n\n# Human-readable summary\nnode ~\u002F.claude\u002Fskills\u002Froier-seo\u002Fscripts\u002Faudit.js https:\u002F\u002Fexample.com --output=summary\n\n# Save to file\nnode ~\u002F.claude\u002Fskills\u002Froier-seo\u002Fscripts\u002Faudit.js https:\u002F\u002Fexample.com --save=results.json\n```\n\n## Audit categories\n\nThe audit returns scores (0-100) for five categories:\n\n| Category | Description | Weight |\n|----------|-------------|--------|\n| **Performance** | Page load speed, Core Web Vitals | High |\n| **Accessibility** | WCAG compliance, screen reader support | High |\n| **Best Practices** | Security, modern web standards | Medium |\n| **SEO** | Search engine optimization, crawlability | High |\n| **PWA** | Progressive Web App compliance | Low |\n\n## Technical SEO fix patterns\n\n### Meta tags (HTML Head)\n\n#### Title tag\n```html\n\u003C!-- Bad -->\n\u003Ctitle>Home\u003C\u002Ftitle>\n\n\u003C!-- Good -->\n\u003Ctitle>Primary Keyword - Secondary Keyword | Brand Name\u003C\u002Ftitle>\n```\n\n**Rules:**\n- 50-60 characters max\n- Include primary keyword near the beginning\n- Unique per page\n- Include brand name at end\n\n#### Meta description\n```html\n\u003Cmeta name=\"description\" content=\"Compelling description with keywords. 150-160 characters that encourages clicks from search results.\">\n```\n\n**Rules:**\n- 150-160 characters\n- Include primary and secondary keywords naturally\n- Compelling call-to-action\n- Unique per page\n\n#### Essential meta tags\n```html\n\u003Cmeta charset=\"UTF-8\">\n\u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\u003Chtml lang=\"en\">\n```\n\n### Open Graph tags (social sharing)\n\n```html\n\u003Cmeta property=\"og:title\" content=\"Page Title\">\n\u003Cmeta property=\"og:description\" content=\"Page description\">\n\u003Cmeta property=\"og:image\" content=\"https:\u002F\u002Fexample.com\u002Fimage.jpg\">\n\u003Cmeta property=\"og:url\" content=\"https:\u002F\u002Fexample.com\u002Fpage\">\n\u003Cmeta property=\"og:type\" content=\"website\">\n\u003Cmeta property=\"og:site_name\" content=\"Brand Name\">\n```\n\n### Twitter Card tags\n\n```html\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\">\n\u003Cmeta name=\"twitter:title\" content=\"Page Title\">\n\u003Cmeta name=\"twitter:description\" content=\"Page description\">\n\u003Cmeta name=\"twitter:image\" content=\"https:\u002F\u002Fexample.com\u002Fimage.jpg\">\n```\n\n### Canonical URL\n\n```html\n\u003Clink rel=\"canonical\" href=\"https:\u002F\u002Fexample.com\u002Fcanonical-page\">\n```\n\n### Robots meta\n\n```html\n\u003C!-- Allow indexing (default) -->\n\u003Cmeta name=\"robots\" content=\"index, follow\">\n\n\u003C!-- Prevent indexing (for staging, admin pages) -->\n\u003Cmeta name=\"robots\" content=\"noindex, nofollow\">\n```\n\n## Structured data (JSON-LD)\n\n### Website schema\n```html\n\u003Cscript type=\"application\u002Fld+json\">\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"WebSite\",\n  \"name\": \"Site Name\",\n  \"url\": \"https:\u002F\u002Fexample.com\",\n  \"potentialAction\": {\n    \"@type\": \"SearchAction\",\n    \"target\": \"https:\u002F\u002Fexample.com\u002Fsearch?q={search_term_string}\",\n    \"query-input\": \"required name=search_term_string\"\n  }\n}\n\u003C\u002Fscript>\n```\n\n### Organization schema\n```html\n\u003Cscript type=\"application\u002Fld+json\">\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"Organization\",\n  \"name\": \"Company Name\",\n  \"url\": \"https:\u002F\u002Fexample.com\",\n  \"logo\": \"https:\u002F\u002Fexample.com\u002Flogo.png\",\n  \"sameAs\": [\n    \"https:\u002F\u002Ftwitter.com\u002Fcompany\",\n    \"https:\u002F\u002Flinkedin.com\u002Fcompany\u002Fcompany\"\n  ]\n}\n\u003C\u002Fscript>\n```\n\n### BreadcrumbList schema\n```html\n\u003Cscript type=\"application\u002Fld+json\">\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"BreadcrumbList\",\n  \"itemListElement\": [\n    {\"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": \"https:\u002F\u002Fexample.com\"},\n    {\"@type\": \"ListItem\", \"position\": 2, \"name\": \"Category\", \"item\": \"https:\u002F\u002Fexample.com\u002Fcategory\"},\n    {\"@type\": \"ListItem\", \"position\": 3, \"name\": \"Page\"}\n  ]\n}\n\u003C\u002Fscript>\n```\n\n### Article schema (for blog posts)\n```html\n\u003Cscript type=\"application\u002Fld+json\">\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"Article Title\",\n  \"author\": {\"@type\": \"Person\", \"name\": \"Author Name\"},\n  \"datePublished\": \"2024-01-15\",\n  \"dateModified\": \"2024-01-20\",\n  \"image\": \"https:\u002F\u002Fexample.com\u002Farticle-image.jpg\",\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Publisher Name\",\n    \"logo\": {\"@type\": \"ImageObject\", \"url\": \"https:\u002F\u002Fexample.com\u002Flogo.png\"}\n  }\n}\n\u003C\u002Fscript>\n```\n\n## Performance optimizations\n\n### Image optimization\n\n```html\n\u003C!-- Add width\u002Fheight to prevent CLS -->\n\u003Cimg src=\"image.jpg\" alt=\"Description\" width=\"800\" height=\"600\">\n\n\u003C!-- Add lazy loading -->\n\u003Cimg src=\"image.jpg\" alt=\"Description\" loading=\"lazy\">\n\n\u003C!-- Use modern formats -->\n\u003Cpicture>\n  \u003Csource srcset=\"image.avif\" type=\"image\u002Favif\">\n  \u003Csource srcset=\"image.webp\" type=\"image\u002Fwebp\">\n  \u003Cimg src=\"image.jpg\" alt=\"Description\">\n\u003C\u002Fpicture>\n```\n\n### Font optimization\n\n```html\n\u003C!-- Preload critical fonts -->\n\u003Clink rel=\"preload\" href=\"\u002Ffonts\u002Fmain.woff2\" as=\"font\" type=\"font\u002Fwoff2\" crossorigin>\n```\n\n```css\n@font-face {\n  font-family: 'Custom Font';\n  src: url('\u002Ffonts\u002Fcustom.woff2') format('woff2');\n  font-display: swap;\n}\n```\n\n### Resource hints\n\n```html\n\u003C!-- Preconnect to critical third-party origins -->\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.googleapis.com\">\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Fcdn.example.com\">\n\n\u003C!-- DNS prefetch for non-critical origins -->\n\u003Clink rel=\"dns-prefetch\" href=\"https:\u002F\u002Fanalytics.example.com\">\n\n\u003C!-- Preload critical resources -->\n\u003Clink rel=\"preload\" href=\"\u002Fcritical.css\" as=\"style\">\n```\n\n## Accessibility fixes\n\n### Alt text\n```html\n\u003C!-- Good (descriptive) -->\n\u003Cimg src=\"photo.jpg\" alt=\"Team members collaborating in the office\">\n\n\u003C!-- Good (decorative) -->\n\u003Cimg src=\"decoration.jpg\" alt=\"\" role=\"presentation\">\n```\n\n### Color contrast\n- **4.5:1** contrast ratio for normal text\n- **3:1** contrast ratio for large text (18px+ or 14px+ bold)\n\n### Form labels\n```html\n\u003Clabel for=\"email\">Email Address\u003C\u002Flabel>\n\u003Cinput type=\"email\" id=\"email\" name=\"email\">\n```\n\n### Skip link\n```html\n\u003Ca href=\"#main-content\" class=\"skip-link\">Skip to main content\u003C\u002Fa>\n\n\u003Cstyle>\n.skip-link {\n  position: absolute;\n  left: -9999px;\n}\n.skip-link:focus {\n  left: 0;\n  top: 0;\n  z-index: 9999;\n  background: #000;\n  color: #fff;\n  padding: 8px 16px;\n}\n\u003C\u002Fstyle>\n```\n\n### Button accessibility\n```html\n\u003C!-- Icon button needs aria-label -->\n\u003Cbutton aria-label=\"Close menu\">\n  \u003Csvg>...\u003C\u002Fsvg>\n\u003C\u002Fbutton>\n```\n\n## Framework-specific patterns\n\n### Next.js (App Router)\n\n```tsx\n\u002F\u002F app\u002Flayout.tsx\nimport type { Metadata } from 'next'\n\nexport const metadata: Metadata = {\n  title: {\n    default: 'Site Name',\n    template: '%s | Site Name'\n  },\n  description: 'Site description',\n  openGraph: {\n    title: 'Site Name',\n    description: 'Site description',\n    url: 'https:\u002F\u002Fexample.com',\n    siteName: 'Site Name',\n    type: 'website',\n  },\n}\n```\n\n### Next.js (Pages Router)\n\n```jsx\nimport Head from 'next\u002Fhead';\n\nexport default function Page() {\n  return (\n    \u003C>\n      \u003CHead>\n        \u003Ctitle>Page Title | Brand\u003C\u002Ftitle>\n        \u003Cmeta name=\"description\" content=\"Page description\" \u002F>\n        \u003Clink rel=\"canonical\" href=\"https:\u002F\u002Fexample.com\u002Fpage\" \u002F>\n      \u003C\u002FHead>\n      \u003Cmain>...\u003C\u002Fmain>\n    \u003C\u002F>\n  );\n}\n```\n\n### React (with react-helmet)\n\n```jsx\nimport { Helmet } from 'react-helmet';\n\nfunction Page() {\n  return (\n    \u003C>\n      \u003CHelmet>\n        \u003Ctitle>Page Title | Brand\u003C\u002Ftitle>\n        \u003Cmeta name=\"description\" content=\"Page description\" \u002F>\n      \u003C\u002FHelmet>\n      \u003Cmain>...\u003C\u002Fmain>\n    \u003C\u002F>\n  );\n}\n```\n\n### Vue.js (with useHead)\n\n```vue\n\u003Cscript setup>\nuseHead({\n  title: 'Page Title | Brand',\n  meta: [\n    { name: 'description', content: 'Page description' }\n  ],\n  link: [\n    { rel: 'canonical', href: 'https:\u002F\u002Fexample.com\u002Fpage' }\n  ]\n})\n\u003C\u002Fscript>\n```\n\n### Nuxt.js\n\n```vue\n\u003Cscript setup>\nuseSeoMeta({\n  title: 'Page Title | Brand',\n  description: 'Page description',\n  ogTitle: 'Page Title',\n  ogDescription: 'Page description',\n  ogImage: 'https:\u002F\u002Fexample.com\u002Fog-image.jpg'\n})\n\u003C\u002Fscript>\n```\n\n## Workflow\n\n### Step 1: Audit\nRun the audit script on the target URL:\n```bash\nnode ~\u002F.claude\u002Fskills\u002Froier-seo\u002Fscripts\u002Faudit.js \u003CURL>\n```\n\n### Step 2: Identify framework\nCheck `package.json` dependencies and framework-specific files.\n\n### Step 3: Prioritize fixes\n1. **Critical** (red): Fix immediately\n2. **Serious** (orange): Fix soon\n3. **Moderate** (yellow): Fix when possible\n4. **Minor** (gray): Nice to have\n\n### Step 4: Implement\nUse the fix patterns above, adapted to the user's framework.\n\n### Step 5: Re-audit\nRun the audit again to verify improvements.\n\n## Requirements\n\n- **Node.js 18+**\n- **Chrome\u002FChromium** browser (for Lighthouse)\n- Audit script dependencies (installed via npm)\n\n## Resources\n\n- [Google Lighthouse](https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Flighthouse\u002F)\n- [PageSpeed Insights](https:\u002F\u002Fpagespeed.web.dev\u002F)\n- [Schema.org](https:\u002F\u002Fschema.org\u002F)\n- [WCAG Guidelines](https:\u002F\u002Fwww.w3.org\u002FWAI\u002Fstandards-guidelines\u002Fwcag\u002F)\n- [Core Web Vitals](https:\u002F\u002Fweb.dev\u002Fvitals\u002F)\n\n## Version history\n\n**v1.0.0** (January 2026)\n- Initial release\n- Lighthouse audit integration\n- 50+ SEO fix patterns\n- Framework support for Next.js, React, Vue, Nuxt\n",{"name":5,"license":15,"metadata":63,"description":7},{"tags":64,"author":72,"version":73,"dependencies":74},[65,52,51,66,67,50,68,69,40,48,70,71],"SEO","Accessibility","Performance","Structured Data","Core Web Vitals","React","Vue","Kemeny Studio","1.0.0",[75,76],"lighthouse","chrome-launcher","main","2a76bf42ce5c860adf8d0f3fcf3f6804109ac65b","skills\u002Froier-seo",0,"https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fwiki","https:\u002F\u002Fgithub.com\u002Fonfire7777","trying to create something actually useful","2026-09-11 13:25:26",{"source":8,"skillName":5,"commands":87,"prompt":97,"zipAvailable":98},[88,91,94],{"tool":89,"command":90},"npx","npx skills add onfire7777\u002Funiversal-ai-skills-library --skill roier-seo",{"tool":92,"command":93},"bunx","bunx skills add onfire7777\u002Funiversal-ai-skills-library --skill roier-seo",{"tool":95,"command":96},"pnpm","pnpm dlx skills add onfire7777\u002Funiversal-ai-skills-library --skill roier-seo","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Froier-seo\u002FSKILL.md",true,[100,106,110,114],{"path":101,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":104,"sourceHtmlUrl":105},"scripts\u002Faudit-api.js","SCRIPT","脚本",5348,"https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Froier-seo\u002Fscripts\u002Faudit-api.js",{"path":107,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":108,"sourceHtmlUrl":109},"scripts\u002Faudit.js",9170,"https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Froier-seo\u002Fscripts\u002Faudit.js",{"path":111,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":112,"sourceHtmlUrl":113},"scripts\u002Fpackage-lock.json",59121,"https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Froier-seo\u002Fscripts\u002Fpackage-lock.json",{"path":115,"resourceType":102,"resourceTypeDesc":103,"sizeBytes":116,"sourceHtmlUrl":117},"scripts\u002Fpackage.json",316,"https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Froier-seo\u002Fscripts\u002Fpackage.json",[119,144,153,163,184,200],{"skillNo":120,"name":121,"nameZh":6,"description":122,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":123,"categories":124,"keywords":132,"publishedAt":58},"01M6J7MPK8ZE9VQJR4KK6ZMZJQ","zyte-api-automation","Automate Zyte API tasks via Rube MCP (Composio). Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Fzyte-api-automation\u002FSKILL.md",[125,128,129],{"categoryNo":126,"categoryName":127,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":130,"categoryName":131,"taxonomyType":32,"taxonomyTypeDesc":33},"01JBSEEDCAT000000000000030","开发工程师",[133,134,135,41,136,137,138,139,140,141,142,143],"automation","api","zyte api automation","MCP","via","composio","automate","first","Tools","search","tasks",{"skillNo":145,"name":146,"nameZh":6,"description":147,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":148,"categories":149,"keywords":151,"publishedAt":58},"01M6J7MK45K2ZZ0EWTP1N6SZ7F","zylvie-automation","Automate Zylvie tasks via Rube MCP (Composio). Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Fzylvie-automation\u002FSKILL.md",[150],{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},[133,152,136,143,41,137,138,139,140,141,142],"zylvie automation",{"skillNo":154,"name":155,"nameZh":6,"description":156,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":157,"categories":158,"keywords":160,"publishedAt":58},"01M6J7MGDCVZ3YCXGEAPR5V3MS","zoominfo-automation","Automate Zoominfo tasks via Rube MCP (Composio). Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Fzoominfo-automation\u002FSKILL.md",[159],{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},[161,162,133,139,138,141,137,143,41,142,136,140],"zoominfo","zoominfo automation",{"skillNo":164,"name":165,"nameZh":6,"description":166,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":167,"categories":168,"keywords":170,"publishedAt":58},"01M6J7MDK48N09B7C6H9TCPY9A","zoom-out","Tell the agent to zoom out and give broader context or a higher-level perspective. Use when you're unfamiliar with a section of code or need to understand how it fits into the bigger picture.","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Fzoom-out\u002FSKILL.md",[169],{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},[171,172,173,174,175,176,177,178,179,180,181,182,183],"zoom out","zoom","perspective","code","re","you","with","understand","it","use","context","how","true",{"skillNo":185,"name":186,"nameZh":6,"description":187,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":188,"categories":189,"keywords":191,"publishedAt":58},"01M6J7MAD47Q9A55AK3EXS914H","zoho-mail-automation","Automate Zoho Mail tasks via Rube MCP (Composio): email sending, folders, labels, and mailbox management. Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Fzoho-mail-automation\u002FSKILL.md",[190],{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},[192,193,194,195,133,196,142,143,136,141,197,41,137,198,138,199,139,140],"mail","zoho mail automation","zoho","zoho mail","email","labels","mailbox","management",{"skillNo":201,"name":202,"nameZh":6,"description":203,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":204,"categories":205,"keywords":210,"publishedAt":58},"01M6J7M76HTWPP8TRWWCDS42NB","zoho-invoice-automation","Automate Zoho Invoice tasks via Rube MCP (Composio): invoices, estimates, expenses, clients, and payment tracking. Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fonfire7777\u002Funiversal-ai-skills-library\u002Fblob\u002Fmain\u002Fskills\u002Fzoho-invoice-automation\u002FSKILL.md",[206,207],{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":208,"categoryName":209,"taxonomyType":32,"taxonomyTypeDesc":33},"01JBSEEDCAT000000000000040","财务",[211,133,194,212,136,137,41,213,214,215,138,216,217,139,140,141,142,143],"invoice","zoho invoice automation","invoices","expenses","clients","payment","tracking"]