Styling tailwind
Skill lennney/gate-all-skills/skills/website/styling-tailwind
Frontend/Next.js Claude Code Skills — curated + custom
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.
What its author says it does
Copied from the file, not written here
Tailwind CSS v4 实践。写样式时加载。用 cn()、语义色值、mobile-first 响应式、dark mode。
SKILL.md
0.8 KB, 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