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-class-organizationThe 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
Based on SOC occupation classification
| name | tailwind-class-organization |
| description | null |
Category: tailwind · Status: 🟢 Active
Khi chuỗi class Tailwind dài và cần thứ tự nhất quán, dễ đọc, dễ review.
prettier-plugin-tailwindcss để tự sắp xếp class theo thứ tự chuẩn.cva/component thay vì 1 chuỗi khổng lồ.hover:, md:) cạnh utility gốc của chúng cho dễ theo dõi.// thứ tự: layout → box → spacing → typography → color → state
<div className="flex items-center gap-3 rounded-lg p-4 text-sm
text-gray-800 bg-white hover:bg-gray-50 md:p-6">
{children}
</div>
Good: plugin tự sort, nhóm logic rõ, tách/abstract khi quá dài. Avoid: thứ tự ngẫu nhiên, utility trùng đè nhau, chuỗi 30+ class trên 1 dòng không tách.