frontend-seo
A portable SEO system for React/React-Native-web: one metadata source, canonical URLs, sitemap, robots, RSS, and typed JSON-LD structured data.
Source: Stareezy
At a glance
- Best for
- Centralizing site metadata and deriving canonical URLs from a single base
- Works with
- Cursor · OpenAI Codex · Claude Code
- Outcome
- Generating sitemap.xml, robots.txt, and an RSS feed from real content
- Source
- stareezy-1/frontend-architecture-skill
01 / Understand the skill
About frontend-seo
A portable, framework-agnostic SEO system for any React or React Native-for-web frontend. Centralizes site metadata in one constants module, derives canonical URLs from a single base, builds per-route metadata (title, description, canonical, Open Graph, Twitter/X cards), generates sitemap.xml, robots.txt, and an RSS feed from real content, and emits typed JSON-LD structured data (Person, WebSite, BlogPosting, CreativeWork, BreadcrumbList, FAQPage). Pure, testable builder functions with a thin framework adapter on top. Use this skill when adding SEO to a site, wiring metadata into routes, generating sitemaps/robots/feeds, adding schema.org structured data, fixing canonical URLs or duplicate-content issues, or reviewing SEO coverage. Pairs with the frontend-architecture skill (SEO lives in a service module) and works with Next.js App Router, Remix, Astro, React + Vite, and Expo Router for web.
A portable, framework-agnostic SEO system for any React or React Native-for-web frontend. Centralizes site metadata in one constants module, derives canonical URLs from a single base, builds per-route metadata (title, description, canonical, Open Graph, Twitter/X cards), generates sitemap.xml, robots.txt, and an RSS…
Read full description
A portable, framework-agnostic SEO system for any React or React Native-for-web frontend. Centralizes site metadata in one constants module, derives canonical URLs from a single base, builds per-route metadata (title, description, canonical, Open Graph, Twitter/X cards), generates sitemap.xml, robots.txt, and an RSS feed from real content, and emits typed JSON-LD structured data (Person, WebSite, BlogPosting, CreativeWork, BreadcrumbList, FAQPage). Pure, testable builder functions with a thin framework adapter on top. Use this skill when adding SEO to a site, wiring metadata into routes, generating sitemaps/robots/feeds, adding schema.org structured data, fixing canonical URLs or duplicate-content issues, or reviewing SEO coverage. Pairs with the frontend-architecture skill (SEO lives in a service module) and works with Next.js App Router, Remix, Astro, React + Vite, and Expo Router for web.
02 / Confirm the fit
Use frontend-seo when you need to
- Centralizing site metadata and deriving canonical URLs from a single base
- Generating sitemap.xml, robots.txt, and an RSS feed from real content
- Adding typed schema.org JSON-LD (WebSite, BlogPosting, BreadcrumbList, FAQPage)
- Fixing canonical/duplicate-content issues across Next.js, Remix, Astro, or Vite
03 / See the workflow
How frontend-seo works
- 01Install: npx skills add https://github.com/stareezy-1/frontend-architecture-skill --skill frontend-seo
- 02Try: "Wire SEO metadata, sitemap, and JSON-LD into my Next.js App Router site."
- 03Get: a services/seo module with pure builders plus a thin framework adapter
Check before installing
Compatible platforms
Cursor · OpenAI Codex · Claude Code
Best fit
Centralizing site metadata and deriving canonical URLs from a single base
Review the source instructions if the required output differs from the formats described above.
Install and use
Compatible with Cursor and OpenAI Codex and Claude Code · Published by Stareezy
Ready to add frontend-seo?
Use the published instructions below, then provide the required input and describe the result you need.
General instructions · Cursor · OpenAI Codex · Claude Code
npx skills add https://github.com/stareezy-1/frontend-architecture-skill --skill frontend-seo
Review the source repository and license before installing third-party skills.
Continue exploring
Similar skills
Authoritative reference for the Claude API and Anthropic SDKs: model IDs, pricing, thinking/effort params, streaming, tool use, caching, managed agents, and model migration.
Read, edit, create, and fix Excel/CSV files — formulas, formatting, charts, and clean financial models with zero formula errors.
Generate distinctive, production-grade frontend UI that avoids generic AI aesthetics — pages, components, dashboards, and landing pages.
Build high-quality MCP (Model Context Protocol) servers in Python (FastMCP) or Node/TypeScript that let LLMs use external services through well-designed tools.