OpenSkillIndex← back to search
claude-code

Claude-skill-registry hydration-mismatch-forensics

Debug and resolve complex hydration mismatches that cause UI thrashing and content layout shifts.

install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/hydration-mismatch-forensics" ~/.claude/skills/majiayu000-claude-skill-registry-hydration-mismatch-forensics && rm -rf "$T"
manifest: skills/data/hydration-mismatch-forensics/SKILL.md
source content

Hydration Mismatch Forensics

Summary

Debug and resolve complex hydration mismatches that cause UI thrashing and content layout shifts.

Key Capabilities

  • Identify distinct mismatch types (text, attribute, structure).
  • Trace server-client state divergence sources (Time, Randomness).
  • Implement suppression and recovery strategies for unavoidable mismatches.

PhD-Level Challenges

  • Analyze the performance cost of hydration patching.
  • Detect deeper mismatches in third-party library output.
  • Automate mismatch detection in CI pipelines.

Acceptance Criteria

  • Deliver a mismatch-free console in production builds.
  • Demonstrate automated detection of new mismatches.
  • Document common mismatch patterns and fixes.