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コマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
SOC 職業分類に基づく
| 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