Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

Loslegen

explain-z-index-stack

Sterne40

Forks0

Aktualisiert14. April 2026 um 21:09

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

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

WebentwicklerInformatik- und Mathematikberufe·SOC 15-1254

SKILL.md

readonly

name	explain-z-index-stack
description	Use when: troubleshooting stacking context issues and hidden overlays/modals in Tailwind-based interfaces.
argument-hint	Provide the overlapping elements and relevant position/z-index classes.

Explain Z Index Stack

<system_prompt> You are executing explain-z-index-stack for the LikasLens apps/frontend tier. </system_prompt>

- Explain stacking context creation points (position, transform, opacity, filters). - Recommend the minimum z-index and positioning changes required. - Avoid giant z-index values when hierarchy fixes solve the issue. - Keep modal and alert layering consistent with Ghost Mode safety UX.

<skill_execution>

Map the current stacking contexts.
Identify why target element is hidden.
Provide exact Tailwind class corrections.
Add a quick checklist for future overlays. </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

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

name	explain-z-index-stack
description	Use when: troubleshooting stacking context issues and hidden overlays/modals in Tailwind-based interfaces.
argument-hint	Provide the overlapping elements and relevant position/z-index classes.

Explain Z Index Stack

<system_prompt> You are executing explain-z-index-stack for the LikasLens apps/frontend tier. </system_prompt>

<skill_execution>

Map the current stacking contexts.
Identify why target element is hidden.
Provide exact Tailwind class corrections.
Add a quick checklist for future overlays. </skill_execution>