antigravity-qwik-tailwind

What problem does it solve?

This skill helps teams prevent common runtime and integration issues when building with QwikJS and Tailwind 4 by providing a structured set of checks, patterns, and guidance. It focuses on avoiding fragile modal dialogs, improper @apply/@layer usage, and signal misconfigurations that lead to runtime errors like "p0 is not a function".

Core Features & Use Cases

• Validated coding practices: Clear rules for Qwik signals, modal dialogs, and QRL usage to maintain reactivity and serialization.
• Tailwind 4 compatibility guidance: Best practices for avoiding @apply with layered classes and for using plain CSS where needed.
• Reference-driven learning: Includes quick-start patterns and in-depth references to Qwik signals and Tailwind migration notes for ongoing maintenance.
• Use Case: A frontend developer revises a Qwik component modal to ensure the handler uses a QRL and avoids improper @layer usage.

Quick Start

Use the antigravity-qwik-tailwind skill to review a new Qwik component that renders a modal with Tailwind classes, then verify that all event handlers are QRL-wrapped and that no @apply is used on @layer-defined classes.