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