tailwindcss

Tailwind CSS v4 introduces CSS-first configuration, OKLCH colors, and improved performance. This skill provides comprehensive patterns for building modern UIs.

Tailwind v4 uses CSS variables and @theme directive instead of tailwind.config.js:

使用 Tailwind CSS v4 實現實用優先的 CSS 樣式。在設計元件樣式、配置主題、響應式設計或建構設計系統時使用。觸發 Tailwind、CSS、樣式、主題或響應式設計問題。 來源：fractionestate/midnight-dev-skills。

開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/fractionestate/midnight-dev-skills --skill tailwindcss 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用