菜单
Use when building or auditing public marketing pages, landing pages, blogs, or SEO metadata (title, description, OG, headings). Not for authenticated app dashboards behind login.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when reviewing or fixing accessibility: keyboard navigation, focus order, labels, color contrast, screen reader support, or ARIA attributes. Not for SEO-only or performance-only audits.
Use when adding product analytics (PostHog, GA4, Plausible), event tracking, funnels, or conversion measurement. Not for server logs only or A/B infra unless events are part of the task.
Use when standardizing API and edge function errors: HTTP status codes, error JSON shape, logging, or mapping Supabase/Stripe errors to client responses. Not for UI toast copy only or form field validation messages.
Use when recording audit trails: who changed what, admin action logs, compliance history, or append-only event tables. Not for product analytics (use analytics-events) or debug console logs only.
Use when scheduling background work: cron jobs, digest emails, cleanup tasks, pg_cron, Supabase scheduled edge functions, or job queues. Not for synchronous user-facing API in the request path.
Use when adding dark mode, theme toggle, system theme support, or fixing hardcoded colors that break in dark mode. Not for design-token migration unrelated to dark mode.
| name | seo-landing-page |
| description | Use when building or auditing public marketing pages, landing pages, blogs, or SEO metadata (title, description, OG, headings). Not for authenticated app dashboards behind login. |
Apply to public routes only (not app shell behind login). This skill is the entry point for marketing-page SEO.
Deep dives:
seo-meta-tags-spa — per-route titles, OG, canonicals in a SPAseo-structured-data — Schema.org JSON-LDseo-ssr-and-prerendering — populated HTML for crawlersseo-sitemap-generation — sitemap.xml + robots.txtseo-core-web-vitals — LCP, INP, CLSprogrammatic-seo-pages — templates at scale<title> (50–60 chars), meta description (150–160 chars).og:title, og:description, og:image (1200×630), twitter:card.h1; logical h2/h3 hierarchy (no skipped levels for styling).h1 and first paragraph naturally — no stuffing.header, main, footer, article./sitemap.xml and /robots.txt for indexable sites.json-ld Organization or WebSite on homepage when appropriate.Vite + React SPAs render an empty shell by default. For each public route, either:
<title> and meta tags via React 19's built-in tags (or react-helmet-async on older versions), ORVerify with curl -A "Googlebot" https://example.com/ | grep -i '<title' — title must be present in the raw HTML.
h1 hidden for SEO only.When auditing, return a table: URL | issue | fix priority (high/medium/low).