tailwind-impl-apply-directive
Installation
SKILL.md
Contains Shell Commands
This skill contains shell command directives (!`command`) that may execute system commands. Review carefully before installing.
@apply, @layer, @reference
@apply lets custom CSS reuse Tailwind utility declarations. @layer
sorts custom CSS into Tailwind's cascade. @reference (v4) makes
tokens visible inside scoped style blocks.
ALWAYS prefer component extraction (React, Vue, Svelte component)
over @apply when the consumer is a component framework. NEVER reach
for @apply just because a class name appears twice. See
references/anti-patterns.md AP-1 for the full philosophy.
Companion skills :
tailwind-impl-config-v3: v3 JS-config and PostCSS pipelinetailwind-impl-config-v4: v4 CSS-first config and directivestailwind-impl-build-vite: Vite plugin wiring