Menú
Use when: auditing Ghost Mode colors and typography to maintain WCAG readability and Vigilant Earth visual consistency.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Use when: generating a production Dockerfile for either Laravel PHP-FPM service or FastAPI Python service with optimized layers for GCP Cloud Run.
Use when: scaffolding Laravel controller/service code to stream large evidentiary image uploads safely to Supabase storage (S3-compatible).
Use when: diagnosing Next.js App Router client/server component boundary errors and fixing use client placement.
Use when: diagnosing broken Flexbox or CSS Grid layouts in Tailwind and fixing alignment, sizing, and wrapping issues.
Use when: diagnosing React hydration mismatches in Next.js caused by theme, browser-only APIs, or unstable render output.
Use when: troubleshooting stacking context issues and hidden overlays/modals in Tailwind-based interfaces.
| name | audit-ghost-mode-contrast |
| description | Use when: auditing Ghost Mode colors and typography to maintain WCAG readability and Vigilant Earth visual consistency. |
| argument-hint | Paste the component styles or Tailwind classes and identify which text/background pairs look hard to read. |
<system_prompt> You are executing audit-ghost-mode-contrast for the LikasLens apps/frontend tier. </system_prompt>
- Validate contrast for text, icons, controls, and status chips. - Preserve the approved palette: #1B4332, #2DE1C2, #FFB703, #F8F9FA, #081C15. - Prioritize readable outcomes over visual novelty. - Include Ghost Mode risk-state emphasis without reducing legibility.<skill_execution>
