Chuyên Gia TailwindCSS
PROThành thạo CSS tiện ích với TailwindCSS. Thiết kế đáp ứng, chế độ tối, chủ đề tùy chỉnh và mẫu thành phần cho phát triển giao diện nhanh chóng.
Ví dụ sử dụng
Tạo giao diện đáp ứng với Tailwind
Cách sử dụng Skill này
Sao chép skill bằng nút ở trên
Dán vào trợ lý AI của bạn (Claude, ChatGPT, v.v.)
Điền thông tin bên dưới (tùy chọn) và sao chép để thêm vào prompt
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 |
|---|---|---|
| TailwindCSS version | 3.x | |
| Programming language I'm using | Python | |
| Framework or library I'm working with | none |
What You’ll Get
- 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