Chuyên Gia TailwindCSS
PROLàm chủ CSS utility-first với TailwindCSS. Thiết kế responsive, dark mode, theme tùy chỉnh và pattern component để phát triển UI nhanh.
Ví dụ sử dụng
Build design system với TailwindCSS custom theme và component variant.
Prompt Skill
Skill này hoạt động tốt nhất khi được sao chép từ findskill.ai — nó bao gồm các biến và định dạng có thể không được chuyển đúng cách từ nơi khác.
Cách sử dụng Skill này
1
Sao chép skill bằng nút ở trên
2
Dán vào trợ lý AI của bạn (Claude, ChatGPT, v.v.)
3
Điền thông tin bên dưới (tùy chọn) và sao chép để thêm vào prompt
4
Gửi và bắt đầu trò chuyện với AI của bạn
Tùy chỉnh gợi ý
| Mô tả | Mặc định | Giá trị của bạn |
|---|---|---|
| Phiên bản TailwindCSS | 3.x | |
| Ngôn ngữ lập trình tôi đang sử dụng | Python | |
| Framework hoặc thư viện tôi đang làm việc | none |
Kết quả bạn sẽ nhận được
- Complete TailwindCSS markup
- Responsive breakpoints
- Interactive states (hover, focus)
- Dark mode support
Nguồn nghiên cứu
Skill này được xây dựng từ các nguồn uy tín sau:
- TailwindCSS Official Documentation Official Tailwind utility class reference
- Tailwind Labs: Best Practices Component patterns and style reuse strategies
- Tailwind UI: Component Examples Production-ready component patterns
- Adam Wathan: Utility-First CSS Philosophy behind utility-first CSS approach
- Tailwind: Dark Mode Implementing dark mode with Tailwind