dipro-vn
dipro-vn/dipro-ai-boost
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/dipro-vn/dipro-ai-boost --skill tailwind-dark-mode命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | tailwind-dark-mode |
| description | null |
Category: tailwind · Status: 🟢 Active
Khi hỗ trợ dark mode bằng Tailwind với dark: variant và token màu nhất quán.
darkMode: 'class' (toggle chủ động) hoặc 'media' (theo OS).class, thêm/bỏ class dark ở <html> để bật/tắt; lưu lựa chọn người dùng.dark: (bg-white dark:bg-gray-900).// tailwind.config.js
module.exports = { darkMode: 'class', /* ... */ };
<div className="bg-white text-gray-900 border-gray-200
dark:bg-gray-900 dark:text-gray-100 dark:border-gray-700">
{children}
</div>
Good: chiến lược class nhất quán, cặp dark: rõ, token ngữ nghĩa, lưu lựa chọn.
Avoid: trộn class và media lẫn lộn, quên dark: cho text/border, tương phản kém ở dark.
class hay mediadark: cho nền/chữ/viền