Stats
Actions
Tags
How this skill is triggered — by the user, by Claude, or both
Slash command
/hns:doc-htmlThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
docs/ 디렉터리를 단일 index.html 문서 사이트로 변환한다.
docs/ 디렉터리를 단일 index.html 문서 사이트로 변환한다.
프로젝트의 docs/ 디렉터리를 재귀적으로 스캔하여 탐색 가능한 HTML 문서 사이트를 생성한다. 외부 의존성 없이 단일 index.html 파일로 완전한 문서 사이트를 제공한다.
프로젝트 루트의 docs/ 디렉터리를 재귀적으로 탐색:
.md 파일을 수집# 헤딩을 페이지 제목으로 사용MSA 멀티 모듈 프로젝트의 경우:
각 마크다운 파일을 HTML로 변환:
#, ##, ###) → <h1>, <h2>, <h3>```) → <pre><code> (언어 클래스 포함)`) → <code>**text**) → <strong>*text*) → <em>[text](url)) → <a href>-, *, 1.) → <ul>, <ol>---) → <hr>>) → <blockquote>site-template.html을 기반으로 단일 index.html 생성:
{{projectName}} → 프로젝트 이름 (디렉터리명 또는 CLAUDE.md에서 추출){{navigation}} → 사이드바 디렉터리 트리 HTML{{content}} → 변환된 문서 내용 (초기 로드: index.md 또는 첫 번째 파일){project-root}/docs-site/index.html
기존 파일이 있으면 덮어쓰기 전 사용자에게 확인.
<nav class="sidebar">
<div class="sidebar-header">
<h1>{projectName} Docs</h1>
</div>
<ul class="nav-tree">
<li class="nav-file active">
<a href="#" data-doc="index">Overview</a>
</li>
<li class="nav-folder">
<span class="folder-toggle">▶ architecture</span>
<ul class="nav-subtree collapsed">
<li class="nav-file">
<a href="#" data-doc="architecture/overview">Overview</a>
</li>
</ul>
</li>
<li class="nav-folder">
<span class="folder-toggle">▶ adr</span>
<ul class="nav-subtree collapsed">...</ul>
</li>
...
</ul>
</nav>
폴더 클릭 시 expand/collapse 토글 (JavaScript).
현재 선택된 문서는 active 클래스로 하이라이트.
외부 라이브러리 없이 기본 구문 강조 제공:
//, #, /* */)index.html에 포함/hns:doc-html로 직접 호출 가능templates/site-template.html 참조npx claudepluginhub 1989v/ai --plugin hnsCreates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.