html-structure-validate
HTML5 구조 검증
AI로 생성된 HTML은 종종 렌더링 문제를 일으키는 구조적 오류를 포함합니다. 이 품질 게이트는 파이프라인이 계속되기 전에 HTML5 준수, 태그 닫기 및 필수 요소를 검증합니다.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「html-structure-validate」。 page_12.html의 HTML 구조를 검증합니다
預期結果:
- DOCTYPE 선언 존재함
- HTML 태그가 올바르게 닫힘
- 메타 태그와 타이틀이 포함된 헤드 섹션 완료
- 바디에 page-container 및 main 요소 포함
- 모든 태그가 올바르게 일치하고 중첩됨
- 2개 경고: 뷰포트 메타 태그 없음, 첫 번째 헤딩이 h2이고 h1이 아님
正在使用「html-structure-validate」。 엄격 모드로 5장의 모든 페이지를 검증합니다
預期結果:
- 3개 페이지 검증 통과
- 1개 페이지 실패: 타이틀 태그 없음
- 1개 페이지 실패: 닫히지 않은 단락 태그
- 파이프라인 중단 - 계속하기 전에 오류 수정 필요
正在使用「html-structure-validate」。 CI 품질 게이트로 검증 실행
預期結果:
- 검증 완료: 20개 중 15개 페이지 통과
- Report saved to output/chapter_03/validation_summary.json
- 실패한 페이지: page_07, page_11, page_15, page_18, page_19
- 개별 검증 보고서에서 상세 오류 확인 가능
安全審計
安全Pure documentation skill containing only SKILL.md and skill-report.json. No executable code, scripts, network calls, or file operations are present. The skill describes how to validate HTML structure using an external Python tool. Static scanner detected documentation patterns (code examples, file paths, hash values) that triggered false positive security rules.
風險因素
🌐 網路存取 (1)
⚙️ 外部命令 (71)
品質評分
你能建構什麼
HTML 품질 게이트
AI로 생성된 책 페이지가 게시 전에 HTML 구조 표준을 충족하는지 확인합니다
파이프라인 검증
자동화된 콘텐츠 처리 파이프라인의 일부로 생성된 HTML 파일을 검증합니다
구조적 준수
모든 페이지에 필수 요소와 올바른 HTML 구조가 포함되어 있는지 확인합니다
試試這些提示
html-structure-validate 스킬을 사용하여 04_page_XX.html의 HTML5 준수 및 구조를 확인합니다. 오류를 보고합니다.
chapter_XX 페이지 HTML에서 html-structure-validate를 엄격 모드로 실행합니다. 실패 기준에 경고를 포함합니다.
html-structure-validate를 사용하여 chapter_XX의 모든 생성된 페이지를 확인합니다. 각 페이지에 대한 개별 검증 보고서를 생성합니다.
html-structure-validate를 품질 게이트로 실행합니다.任何 페이지가 구조 검증에 실패하면 파이프라인을 실패로 처리합니다. 결과를 validation_reports/에 출력합니다.
最佳實務
- 시맨틱 분석 전에 첫 번째 품질 게이트로 검증을 실행합니다
- 프로덕션 콘텐츠 파이프라인에 엄격 모드를 구성합니다
- 검증 보고서를 검토하여 AI 생성 HTML 문제의 패턴을 식별합니다
避免
- 검증을 건너뛰고 형식이 잘못된 HTML로 진행
- 여러 페이지에 걸쳐 누적되는 경고 무시
- 프롬프트 엔지니어링 대체 수단으로 검증 사용