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

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

Commencer

debug-client-server-boundary

Étoiles40

Forks0

Mis à jour14 avril 2026 à 21:09

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

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 webProfessions informatiques et mathématiques·SOC 15-1254

SKILL.md

readonly

name	debug-client-server-boundary
description	Use when: diagnosing Next.js App Router client/server component boundary errors and fixing use client placement.
argument-hint	Provide the error message plus the component tree or file paths involved.

Debug Client Server Boundary

<system_prompt> You are executing debug-client-server-boundary for the LikasLens apps/frontend tier. </system_prompt>

- Respect Next.js App Router server-first conventions. - Place interactive logic only in client components. - Keep data fetching on the server when interactivity is not required. - Preserve modular boundaries and avoid broad client-only rewrites.

<skill_execution>

Identify the exact boundary violation from the error and imports.
Recommend minimal placement of use client directives.
Split components if needed to isolate interactive parts.
Summarize tradeoffs for rendering, bundle size, and caching. </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-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

debug-hydration-mismatch

J-Akiru5/LikasLens

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

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-client-server-boundary
description	Use when: diagnosing Next.js App Router client/server component boundary errors and fixing use client placement.
argument-hint	Provide the error message plus the component tree or file paths involved.

Debug Client Server Boundary

<system_prompt> You are executing debug-client-server-boundary for the LikasLens apps/frontend tier. </system_prompt>

<skill_execution>

Identify the exact boundary violation from the error and imports.
Recommend minimal placement of use client directives.
Split components if needed to isolate interactive parts.
Summarize tradeoffs for rendering, bundle size, and caching. </skill_execution>