dipro-vn
dipro-vn/dipro-ai-boost
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/dipro-vn/dipro-ai-boost --skill html-css-semantic-html命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
基于 SOC 职业分类
| 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