Menu
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/dipro-vn/dipro-ai-boost --skill tailwind-utility-patternThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Showing SKILL.md
| name | tailwind-utility-pattern |
| description | null |
Category: tailwind · Status: 🟢 Active
Khi style bằng Tailwind theo tư duy utility-first, compose class ngay trên markup.
flex items-center gap-2) thay vì một class custom mơ hồ.p-4, text-sm, rounded-md) thay vì giá trị tùy ý [12px].@apply) khi pattern lặp nhiều lần.hover:, disabled:) thay vì JS toggle class thủ công.<button className="inline-flex items-center gap-2 rounded-md bg-blue-600 px-4 py-2
text-sm font-medium text-white hover:bg-blue-700 disabled:opacity-50">
Save
</button>
Good: compose utility từ token, dùng variant cho state, không CSS rời.
Avoid: giá trị tùy ý [13px] khắp nơi, viết CSS riêng cho việc utility làm được, class custom rỗng nghĩa.
Based on SOC occupation classification