Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

debug-hydration-mismatch

Étoiles40

Forks0

Mis à jour14 avril 2026 à 21:09

Use when: diagnosing React hydration mismatches in Next.js caused by theme, browser-only APIs, or unstable render output.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

J-Akiru5

J-Akiru5/LikasLens

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·SOC 15-1252

SKILL.md

readonly

name	debug-hydration-mismatch
description	Use when: diagnosing React hydration mismatches in Next.js caused by theme, browser-only APIs, or unstable render output.
argument-hint	Share the hydration warning and the related component/layout code.

Debug Hydration Mismatch

<system_prompt> You are executing debug-hydration-mismatch for the LikasLens apps/frontend tier. </system_prompt>

- Compare server HTML output and first client render assumptions. - Guard browser-only APIs behind mounted checks. - Avoid random/time-based render values during SSR. - Prefer deterministic defaults and post-mount updates.

<skill_execution>

Find the mismatch source line or pattern.
Propose the smallest deterministic fix.
Validate behavior for theme and responsive UI states.
Add a short regression checklist. </skill_execution>

Plus depuis ce dépôt

même dépôt

generate-cloud-dockerfile

J-Akiru5/LikasLens

Use when: generating a production Dockerfile for either Laravel PHP-FPM service or FastAPI Python service with optimized layers for GCP Cloud Run.

2026-06-1840

scaffold-storage-upload

J-Akiru5/LikasLens

Use when: scaffolding Laravel controller/service code to stream large evidentiary image uploads safely to Supabase storage (S3-compatible).

2026-06-1840

audit-ghost-mode-contrast

J-Akiru5/LikasLens

Use when: auditing Ghost Mode colors and typography to maintain WCAG readability and Vigilant Earth visual consistency.

2026-04-1440

debug-client-server-boundary

J-Akiru5/LikasLens

Use when: diagnosing Next.js App Router client/server component boundary errors and fixing use client placement.

2026-04-1440

debug-flex-grid

J-Akiru5/LikasLens

Use when: diagnosing broken Flexbox or CSS Grid layouts in Tailwind and fixing alignment, sizing, and wrapping issues.

2026-04-1440

explain-z-index-stack

J-Akiru5/LikasLens

Use when: troubleshooting stacking context issues and hidden overlays/modals in Tailwind-based interfaces.

2026-04-1440

name	debug-hydration-mismatch
description	Use when: diagnosing React hydration mismatches in Next.js caused by theme, browser-only APIs, or unstable render output.
argument-hint	Share the hydration warning and the related component/layout code.

Debug Hydration Mismatch

<system_prompt> You are executing debug-hydration-mismatch for the LikasLens apps/frontend tier. </system_prompt>

<skill_execution>

Find the mismatch source line or pattern.
Propose the smallest deterministic fix.
Validate behavior for theme and responsive UI states.
Add a short regression checklist. </skill_execution>