SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/dipro-vn/dipro-ai-boost --skill html-css-semantic-htmlコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
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.
| 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