Menu
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/lennney/skills --skill styling-tailwindThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Based on SOC occupation classification
Showing SKILL.md
| name | styling-tailwind |
| description | Tailwind CSS v4 实践。写样式时加载。用 cn()、语义色值、mobile-first 响应式、dark mode。 |
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
