Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

debug-hydration-mismatch

Sterne40

Forks0

Aktualisiert14. April 2026 um 21:09

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

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

J-Akiru5

J-Akiru5/LikasLens

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

SoftwareentwicklerInformatik- und Mathematikberufe·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>

Mehr aus diesem Repository

gleiches Repository

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>