用途:分析项目结构并主动在源码中实现现代 SEO、地理定位(本地 SEO)与社交分享结构化数据,重点面向 SvelteKit、Next.js 及静态前端项目。
主要能力:实现动态 meta 标签(title、description、canonical);规范语义化 HTML(主内容用单个 h1);注入 Open Graph 与 Twitter Card 分享标签;通过 JSON-LD 实现 LocalBusiness/Organization、BreadcrumbList 等 schema;多语言应用配置 hreflang 以支持区域定向;创建或校验 robots.txt 与 sitemap.xml(如 SvelteKit 的 src/routes/sitemap.xml/+server.ts)。
使用方式:由主智能体或工程子智能体直接执行。流程为:先用 find、grep 分析路由结构与已有 SEO 组件(如全局 Head、svelte:head 或 Seo 组件);按路由或全局布局补齐 meta 与语义标签,无集中组件时创建可复用 <Seo> 组件(如 src/components/Seo.svelte 或 .tsx)并接入布局;注入社交标签与 JSON-LD;补齐 robots.txt、sitemap.xml;最后用 npm run build 或项目等效的类型检查/检查工具验证编译未被破坏。
适用场景:新前端项目 MVP 完成后、上线生产前,或用户要求“针对搜索引擎优化”“添加 meta 标签”“实现本地 SEO”以及需要 schema.org 注入的落地页与本地化应用。
限制与注意:注入 JSON-LD 时需正确转义以防 XSS;优先使用集中式组件而非在多个路由硬编码;禁止使用内置 explore 子智能体;若缺少业务信息(地址、社交链接),需等待用户提供,技能本身不会自行编造。该技能的收费、平台支持范围等细节暂未提供。