---
name: "react-helmet-async-head-manager"
description: "Manage document title, meta tags, and Open Graph attributes dynamically with SSR safety."
metadata:
  author: "Stephen Taylor"
  version: "1.0.0"
  runtime_compatibility:
    - "codex"
    - "claude-code"
    - "cursor"
    - "windsurf"
triggers:
  - "set document title react-helmet-async"
  - "dynamic seo tags react"
  - "helmetprovider ssr"
permissions:
  fs_read: true
  fs_write: "workspace"
  shell_exec: false
  net_access: false
---

# react-helmet-async Dynamic Document Head & SEO Tags

Configures react-helmet-async: wrapping apps with HelmetProvider, setting title templates, dynamic meta description, canonical link tags, structured schema JSON-LD, and preventing memory leaks on the server.

## When to Invoke
Invoke this skill whenever you need to:
- set document title react-helmet-async
- dynamic seo tags react
- helmetprovider ssr

## Execution SOP & Rules
1. Wrap root application: <HelmetProvider context={helmetContext}>.
2. In route component: <Helmet><title>Dashboard - aSkills</title><meta name='description' content='...' /></Helmet>.
3. Use titleTemplate: '%s | aSkills.dev' for consistent site-wide branding.
4. On SSR server: helmetContext.helmet contains rendered head strings for HTML document injection.

## Verification Checklist
- Run local linting, syntax validation, and type-checks before reporting completion.
- Ensure all created or modified files adhere to workspace boundaries and avoid uncommitted secrets.
- Verify tests or build commands exit cleanly with return code 0.