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
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 |
|---|---|---|
| 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