skills.rest
micio86dev
micio86devCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

antigravity-qwik-tailwind

Review QwikJS components for Tailwind 4 CSS and signal runtime errors.

Updated Aug 27, 2026
Search Tags:#error-prevention#tailwind-4#modal-dialogs#qwik#QRL#layer-apply
One-click install
npx skills add https://github.com/micio86dev/itjobhub-antigravity-config --skill antigravity-qwik-tailwind
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: antigravity-qwik-tailwind
Source: https://github.com/micio86dev/itjobhub-antigravity-config/tree/main/.agent/skills/antigravity-qwik-tailwind
Command: npx skills add https://github.com/micio86dev/itjobhub-antigravity-config --skill antigravity-qwik-tailwind

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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.

Frequently Asked Questions about antigravity-qwik-tailwind

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
Why does my Qwik component throw the runtime error "p0 is not a function" when using Tailwind classes?▼

The "p0 is not a function" runtime error in Qwik typically occurs when event handlers are not properly wrapped in QRLs. This skill provides structured checks to enforce safe signal patterns and QRL usage, preventing these common runtime failures.

How do I use @apply and @layer directives correctly in Tailwind 4 with Qwik?▼

To use @apply and @layer correctly in Tailwind 4, avoid applying @apply to layered classes and use plain CSS where needed. This skill offers compatibility guidance to prevent CSS integration issues during Qwik component development.

What is the best way to build modal dialogs in QwikJS without breaking reactivity?▼

The best way to build modal dialogs in QwikJS is to ensure all event handlers use QRLs and follow safe signal patterns. This skill provides validated coding practices to revise components and maintain reactivity without triggering runtime errors.

Does Tailwind 4 migration require changing how CSS layers are applied in Qwik components?▼

Yes, Tailwind 4 migration requires avoiding @apply on @layer-defined classes and enforcing semantic class usage. This skill provides reference-driven learning and structured checks to guide developers through correct Tailwind 4 migration rules.

How do I prevent CSS integration issues when reviewing a new Qwik component?▼

To prevent CSS integration issues when reviewing a Qwik component, verify that no @apply is used on @layer-defined classes and check that all event handlers are QRL-wrapped. This skill enforces structured checks and semantic class usage during development.

Related Skills

Explore More Software Engineering Skills→
majesticlabs-devmajesticlabs-dev
47

tailwind-styling

Generate responsive Tailwind CSS styles for React components.

Official
Intermediate
seiggyseiggy
57

snapshot-testing

Compare .NET outputs against human-approved baseline files using the Verify library.

Community
Intermediate
marcusagmmarcusagm
4

lint-and-validate

Run linting, type checking, and security audits across Node.js/TypeScript and Python projects.

Community
Intermediate
szweibelszweibel
2

svelte-5-runes

Implement Svelte 5 runes reactivity patterns in code projects.

Community
Advanced