tech-seo-rendering

Diagnose SSR, hydration, and dynamic rendering crawlability issues on JS-heavy sites.

Updated Apr 6, 2026
One-click install
npx skills add https://github.com/silverbee-ai/claude-silverbee-marketplace --skill tech-seo-rendering
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tech-seo-rendering
Source: https://github.com/silverbee-ai/claude-silverbee-marketplace/tree/main/plugins/silverbee/skills/tech-seo-rendering
Command: npx skills add https://github.com/silverbee-ai/claude-silverbee-marketplace --skill tech-seo-rendering

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Analyze and validate rendering behavior on JS-heavy sites to ensure search engines can access and index content consistently, preventing crawlability or indexing issues caused by client-side rendering, hydration errors, or dynamic rendering.

Core Features & Use Cases

  • SSR parity validation: compare server-rendered HTML to the client-rendered DOM to verify content visibility to crawlers.
  • Hydration integrity checks: detect hydration mismatches and ensure interactive elements load correctly.
  • Dynamic rendering & bot detection: identify sites using pre-rendering or bot-specific content and verify alignment with user experience.
  • SPA routing & metadata validation: ensure each route has a crawlable URL and that title/meta tags update correctly per route.

Quick Start

Run a rendering audit on a JS-heavy site to compare raw HTML with the hydrated DOM and identify SSR, hydration, or dynamic rendering issues.

Frequently Asked Questions about tech-seo-rendering

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check if search engines can crawl my JavaScript rendered content?

To check crawlability of JavaScript rendered content, you compare server-rendered HTML against the hydrated client DOM to verify content parity. This rendering audit identifies hydration mismatches and confirms search engines access fully populated pages.

Why does my Next.js site have hydration mismatches affecting SEO?

Hydration mismatches occur when client-side JavaScript fails to match server-rendered HTML, causing interactive elements or content to break. Auditing hydration integrity detects these errors so you can apply fixes ensuring consistent content rendering for crawlers.

Does this rendering audit support SvelteKit and Remix frameworks?

Yes, the rendering audit supports SvelteKit and Remix, alongside Next.js, Nuxt, and Gatsby. It validates server-rendered content parity, hydration correctness, and routing behavior across these SSR and SSG frameworks to ensure crawlability.

How do I validate SPA routing and metadata for SEO?

To validate SPA routing for SEO, you check that each route has a crawlable URL and that title and meta tags update correctly per route. The audit verifies metadata presence and canonical links across dynamic routes.

What is dynamic rendering detection for bot-specific content?

Dynamic rendering detection identifies sites using pre-rendering or bot-specific content serving. It verifies alignment between crawler-served content and actual user experience to ensure consistency and prevent cloaking issues on JS-heavy websites.

When should I not use SSR for my JavaScript site?

You should reconsider SSR if your site suffers persistent hydration mismatches or complex dynamic rendering misalignment that degrades user experience. Auditing helps determine if client-side rendering with proper metadata is more suitable.