القائمة
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/dipro-vn/dipro-ai-boost --skill html-css-semantic-htmlيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
Use when a task that changed backend code is finishing, before reporting it done. Symptoms — a migration was added, a request or response shape changed, a new route exists, a cache key was added, something could not be verified, a problem was found and deliberately left alone.
Use when adding or changing a protected route, a guard, a role check, or any query that reads or writes records belonging to a user or tenant. Symptoms — a findById that takes only an id, a route with no guard, a role checked in the controller but not the query, an ID read straight from params, a new public endpoint, a service method reachable from more than one caller.
Use when choosing which exception to throw, shaping an error response, or deciding what to log. Symptoms — a caught error that returns 200, a try/catch that swallows the cause, a 500 where the client should see 400, an error message exposing a stack trace or SQL, a log line with no request context, the same failure logged at every layer.
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | html-css-semantic-html |
| description | null |
Category: html-css · Status: 🟢 Active
Khi dựng cấu trúc trang/section mới hoặc refactor markup div-soup.
header, nav, main (1 cái/trang), footer.article cho nội dung độc lập, section cho nhóm có heading riêng.h1 → h2 → h3, không nhảy bậc, mỗi trang 1 h1.button cho hành động, a cho điều hướng, ul/ol/li cho danh sách.div/span khi thuần styling, không có ngữ nghĩa.nav/section lặp lại nên có aria-label để phân biệt.<header>
<nav aria-label="Chính">…</nav>
</header>
<main>
<article>
<h1>Tiêu đề bài viết</h1>
<section aria-labelledby="cmt">
<h2 id="cmt">Bình luận</h2>
</section>
</article>
</main>
<footer>…</footer>
Good: main duy nhất, heading liên tục, button cho action, nav có nhãn.
Avoid: <div class="button">, nhiều h1, nhảy h1 → h4, dùng div thay ul.
main/header/nav/footerh1, heading không nhảy bậcbutton cho hành động, a cho điều hướngnav/section lặp lại có aria-label