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/dipro-vn/dipro-ai-boost --skill tailwind-dark-modeThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Showing SKILL.md
Based on SOC occupation classification
| 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