メニュー
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/lennney/skills --skill styling-tailwindコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SOC 職業分類に基づく
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