メニュー
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/lennney/gate-all-skills --skill styling-tailwindコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
"AI 审查 / AI code review. 用户说"帮我审查代码"、"review 一下"、"看看这段有没有问题"时加载。在后台检查 bug、安全、性能、代码风格，然后告诉用户结果。"
"AI 编码 / AI coding. 用户说"帮我写个组件"、"实现这个功能"、"写个 API 路由"时加载。先问清需求，在后台实现，完成后自动调 /ai-code-review 审查。"
"AI 调试 / AI debugging. 用户说"帮我 debug"、"报错了"、"这个 bug 怎么修"、"抛异常了"时加载。让用户描述问题，你在后台分析根因并修复。"
SOC 職業分類に基づく
SKILL.md を表示中
| name | styling-tailwind |
| description | Tailwind CSS v4 实践。写样式时加载。用 cn()、语义色值、mobile-first 响应式、dark mode。 |
| trigger | 需要用 Tailwind CSS 写样式 |
| input | 组件结构 |
| output | 样式代码 |
| next | 无 |
| dependencies | component-design |
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