clsx-tailwind

name	clsx-tailwind
description	Use when styling React components with Tailwind className variants, conditional classes, or class conflicts; applies repository cn (clsx + tailwind-merge) patterns for merge-safe, overridable UI styles.
argument-hint	[styling goal] [components] [variants/states]
user-invokable	true
disable-model-invocation	false

Skill Instructions

Use this skill when the request matches React Component Styling Instructions.

Workflow

1. Read SOURCE.md for the full repository guidance.
2. Identify concrete constraints, conventions, and required outputs.
3. Apply the guidance directly to the current task, keeping changes minimal and repository-consistent. Don't validate results (tests/lint/build where relevant). Wait until I tell you this!
4. Summarize what was applied from this skill and where.

Input Guidance

When invoking this skill manually, include:

• Task goal
• Target files or modules
• Any constraints (performance, architecture, style, tests)