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

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

Commencer

debug-flex-grid

Étoiles40

Forks0

Mis à jour14 avril 2026 à 21:09

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

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-flex-grid
description	Use when: diagnosing broken Flexbox or CSS Grid layouts in Tailwind and fixing alignment, sizing, and wrapping issues.
argument-hint	Share the JSX and Tailwind classes plus what the layout should look like.

Debug Flex Grid

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

- Explain layout failures in plain terms before proposing fixes. - Keep class changes minimal and intentional. - Prioritize mobile-first behavior and overflow safety. - Preserve existing design language and approved palette.

<skill_execution>

Identify which parent/child sizing rule is failing.
Correct container, track, and gap classes.
Fix responsive breakpoints and wrapping behavior.
Provide before/after class diffs. </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-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-flex-grid
description	Use when: diagnosing broken Flexbox or CSS Grid layouts in Tailwind and fixing alignment, sizing, and wrapping issues.
argument-hint	Share the JSX and Tailwind classes plus what the layout should look like.

Debug Flex Grid

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

<skill_execution>

Identify which parent/child sizing rule is failing.
Correct container, track, and gap classes.
Fix responsive breakpoints and wrapping behavior.
Provide before/after class diffs. </skill_execution>