用途
Frontend SEO 用于为 React 或 React Native-for-web 前端提供一套可移植、与框架无关的 SEO 系统。当任务需要集中管理站点元数据、保证每条路由输出一致且机器可读的 SEO 信息时，可以使用该技能。
该技能描述的是一个 SEO 系统，而不是组件库或视觉风格：它由一组纯构建函数加上一层薄框架适配器构成，可与 frontend-architecture 技能配合使用——SEO 系统位于单一服务模块（services/seo/），并通过一个 barrel 对外消费。
主要能力
- 将站点元数据集中在一个常量模块中。
- 从单一 base 推导规范（canonical）URL，保证 URL 始终为绝对地址且为 canonical。
- 按路由构建元数据：标题、描述、canonical、Open Graph、Twitter/X 卡片。
- 依据应用已渲染的同一份内容生成站点地图（sitemap）、robots 规则、RSS 订阅源以及类型化 JSON-LD。
- 目标是让每条路由都输出正确、一致、机器可读的元数据，无需手工复制粘贴 <meta> 标签。
使用方式
资料说明：在执事该技能前，应先阅读详细指南（Detailed Guide）。详细指南保留了完整流程与参考材料，其安全、前置条件与校验要求应被视为强制要求。对于聚焦型任务，可加载相关章节；对于端到端任务，应完整阅读指南。
该技能为可移植技能，可被 Claude Code、OpenCode、Codex、Cursor、Windsurf 等工具读取。
适用场景
适用于以下情况：需要为任意 React 或 React Native-for-web 前端提供可移植、与框架无关的 SEO 系统；需要集中式站点元数据管理；需要按路由生成标题、描述、canonical、Open Graph 与 Twitter/X 卡片；需要从同一份内容生成 sitemap、robots、RSS 与 JSON-LD。
限制
- 仅当任务明确匹配其上游来源与本地项目上下文时才使用该技能。
- 在应用改动前，应验证命令、生成代码、依赖、凭证以及外部服务行为。
- 不应将示例视为环境特定测试、安全审查或对破坏性/高成本操作的用户批准的替代品。
- 资料未提供该技能的收费、价格、平台支持范围、性能效果等具体信息。
- 资料未提供具体的安装命令或代码示例内容。