home/categories/frontend/flpbalada-my-opencode-config-skills-code-architecture-tailwind-v4-best-practices-skill-md
frontenddevelopment

code-architecture-tailwind-v4-best-practices

Guides Tailwind CSS v4 patterns for buttons and components. Use this skill when creating components with variants, choosing between CVA/tailwind-variants, or configuring Tailwind v4's CSS-first approach.

flpbalada
maintainer
flpbalada
Updated 1/18/2026
Stars
214
Forks
28
quick start

Installation and usage

Guides Tailwind CSS v4 patterns for buttons and components. Use this skill when creating components with variants, choosing between CVA/tailwind-variants, or configuring Tailwind v4's CSS-first approach.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use code-architecture-tailwind-v4-best-practices