Tailwind CSS 4 patterns — cn() utility, theme variables, no var() in className

Prerequisites: a Tailwind CSS 4 project — the skill is a styling guide the agent follows, not software Install "Tailwind CSS 4 patterns — cn() utility, theme variables, no var() in className" for me. It gives my agent @gentleman-programming's Tailwind 4 rules: the styling decision tree, never var() or hex colors in className (semantic Tailwind classes only), the cn() utility with when-to-use/when-not-to rules, style constants with var() for libraries that can't use className, style props for truly dynamic values, plus flexbox/grid/spacing/typography/states/responsive/dark-mode patterns and the arbitrary-value escape hatch. License note: the skill's frontmatter claims Apache-2.0 but the catalog manifest records MIT — manifest takes precedence. Repository: https://github.com/gentleman-programming/gentleman-skills/blob/main/curated/tailwind-4/SKILL.md 1. Fetch the SKILL.md file (and any helper files) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "tailwind-4". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (nothing — it's a styling guide the agent applies when writing Tailwind classes). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.