Menu
Use when: auditing Ghost Mode colors and typography to maintain WCAG readability and Vigilant Earth visual consistency.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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>
