Styling tailwind
Skill lennney/gate-all-skills/skills/website/styling-tailwind
Tailwind CSS v4 实践。写样式时加载。用 cn()、语义色值、mobile-first 响应式、dark mode。From its SKILL.md
npx -y skills add lennney/gate-all-skills --skill styling-tailwindAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
0.8 KB, 180 tokens by cl100k_base, as published. Nobody here has run it
Style with these patterns:
cn() 合并类 — cn("base", variant === "primary" && "bg-blue-500", className)
语义 token — brand-500 优于 blue-500，在 tailwind.config 里定义
Mobile-first — grid-cols-1 md:grid-cols-2 lg:grid-cols-3（不是 max-md）
Dark mode — bg-white dark:bg-gray-950（配合 darkMode: "class"）
常见布局： 居中内容 mx-auto max-w-7xl px-4、粘性 header sticky top-0 z-50 backdrop-blur、卡片网格 grid gap-4 sm:grid-cols-2 lg:grid-cols-3
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.