技能 ai-html-generate
🎨

ai-html-generate

安全 🌐 网络访问📁 文件系统访问⚙️ 外部命令

PDF 페이지를 시맨틱 HTML로 변환

PDF 페이지를 시맨틱 HTML로 수동 변환하는 일은 시간이 많이 들고 오류가 발생하기 쉽습니다. 이 스킬은 세 가지 컨텍스트 소스를 활용해 높은 정확도로 PDF 페이지에서 시맨틱 HTML5를 자동 생성합니다.

支持: Claude Codex Code(CC)
📊 69 充足
1

下载技能 ZIP

2

在 Claude 中上传

前往 设置 → 功能 → 技能 → 上传技能

3

开启并开始使用

测试它

正在使用“ai-html-generate”。 2장, 16페이지를 시맨틱 HTML로 변환

预期结果:

  • 시맨틱 HTML5 구조의 04_page_16.html 생성
  • page-container 래퍼와 page-content main 요소 포함
  • chapter-number와 chapter-title이 있는 chapter-header 적용
  • nav-item 요소가 있는 section-navigation 생성
  • 올바른 제목 계층(h1 → h2 → h3 → h4) 사용
  • ul.bullet-list 안에 li.bullet-item로 불릿 목록 래핑
  • 생성 메타데이터를 05_generation_metadata.json에 기록

安全审计

安全
v5 • 1/16/2026

This skill consists solely of documentation describing how to use AI for PDF-to-HTML conversion. SKILL.md is a markdown file containing prompts and instructions - not executable code. All 59 static findings are false positives: backticks are markdown code formatting, file paths are documentation examples, and there is no actual cryptographic code, shell execution, or file operations in this skill. The skill contains no network operations, no credential access, and no command execution capabilities.

2
已扫描文件
713
分析行数
3
发现项
5
审计总数

风险因素

🌐 网络访问 (1)
skill-report.json:6
📁 文件系统访问 (5)
skill-report.json:6 SKILL.md:175 SKILL.md:175 SKILL.md:352 SKILL.md:352
⚙️ 外部命令 (30)
SKILL.md:23 SKILL.md:24 SKILL.md:25 SKILL.md:52 SKILL.md:59 SKILL.md:66 SKILL.md:77-189 SKILL.md:189-199 SKILL.md:199-209 SKILL.md:209-213 SKILL.md:213-271 SKILL.md:271-280 SKILL.md:280-282 SKILL.md:282-306 SKILL.md:306-313 SKILL.md:313-316 SKILL.md:316-322 SKILL.md:322-332 SKILL.md:332-345 SKILL.md:345-391 SKILL.md:391-394 SKILL.md:394-396 SKILL.md:396-419 SKILL.md:419-464 SKILL.md:464-465 SKILL.md:465-466 SKILL.md:466 SKILL.md:466-467 SKILL.md:467-525 SKILL.md:525-529
审计者: claude 查看审计历史 →

质量评分

38
架构
100
可维护性
83
内容
22
社区
100
安全
87
规范符合性

你能构建什么

문서 접근성

교과서 장을 스크린 리더와 웹 표시를 위한 접근 가능한 HTML로 변환하되, 올바른 시맨틱 마크업을 적용합니다.

PDF 콘텐츠 마이그레이션

PDF 문서를 일관된 클래스 이름과 구조화된 포맷으로 웹용 HTML로 마이그레이션합니다.

디지털 출판

인쇄물을 올바른 제목 계층과 시맨틱 요소를 갖춘 디지털 형식으로 변환합니다.

试试这些提示

기본 생성 
첨부된 PDF 페이지를 시맨틱 HTML5로 변환하세요. 레이아웃은 PNG 이미지를, 텍스트 정확도는 JSON 데이터를, 구조는 ASCII 미리보기를 사용하세요.
커버리지 검사 포함 
소스 JSON의 모든 단어를 포함하는 HTML을 생성하세요. 페이지 사이에 연결 문구나 전환 문장을 추가하지 마세요.
시맨틱 구조 
올바른 제목 계층(h1 to h4), 목록 구조, CSS 클래스를 갖춘 시맨틱 HTML을 생성하세요. page-container, section-heading, paragraph, bullet-list 같은 클래스를 사용하세요.
멀티모달 컨텍스트 
시각적 레이아웃은 PNG 이미지를 분석하고, 정확한 텍스트 콘텐츠는 JSON을 사용하며, 요소 관계는 ASCII 미리보기를 따르세요. 페이지를 정확히 재현하는 HTML5를 생성하세요.

最佳实践

  • 각 페이지 생성 후 검증 스크립트를 실행해 AI 환각을 조기에 발견하세요
  • 완전한 컨텍스트를 위해 세 가지 입력 소스(PNG, JSON, ASCII)를 모두 사용하세요
  • 다음 페이지로 진행하기 전에 커버리지 비율이 99-100%인지 확인하세요
  • 모든 개별 페이지가 검증 게이트를 통과하기 전에는 챕터를 통합하지 마세요

避免

  • 텍스트 검증 단계를 건너뛰고 통합을 진행하기
  • AI가 만들어낸 콘텐츠가 있음을 의미하는 100% 초과 커버리지를 수용하기
  • 커버리지가 95% 미만인 페이지를 통합하기
  • AI가 페이지 경계 사이에 연결 문구를 추가하도록 허용하기

常见问题

어떤 AI 모델이 이 스킬을 지원하나요?
이 스킬은 Claude, Codex, 그리고 Claude Code에서 동작합니다. PNG 이미지 입력을 위한 비전 기능과 HTML 출력을 위한 텍스트 생성 기능이 필요합니다.
텍스트 커버리지가 95% 미만이면 어떻게 되나요?
커버리지가 95% 미만이면 콘텐츠 누락을 의미합니다. 페이지를 재생성하고 검증을 다시 실행하세요. 품질 게이트를 통과하지 못한 페이지로는 절대 진행하지 마세요.
텍스트 레이어가 없는 스캔된 PDF를 이 스킬이 처리할 수 있나요?
아니요. 이 스킬은 이전 텍스트 추출 스킬에서 생성된 rich_extraction.json이 필요합니다. 스캔된 이미지는 먼저 OCR 처리가 필요합니다.
내 문서 데이터가 외부 서버로 전송되나요?
문서 데이터는 구성된 AI API endpoint로만 전송됩니다. 이 스킬 자체는 데이터를 수집하거나 저장하지 않습니다. AI 제공자의 개인정보 보호정책을 확인하세요.
왜 검증에서 가끔 100%를 초과하는 커버리지가 표시되나요?
커버리지가 100%를 초과하면 소스에 없는 단어를 AI가 추가했음을 의미합니다. 이는 환각입니다. 더 엄격한 경계 지시로 재생성하세요.
이 스킬은 다른 PDF 변환기와 어떻게 다른가요?
이 스킬은 단일 입력 대신 시각, 텍스트, 구조의 세 가지 컨텍스트 소스를 사용합니다. 시맨틱 CSS 클래스를 적용하고 오류를 방지하기 위한 검증 게이트를 포함합니다.

开发者详情

作者

AbeJitsu

许可证

MIT

仓库

https://github.com/AbeJitsu/Game-Settings-Panel/tree/main/.claude/skills/calypso/ai-html-generate

引用

main

文件结构

📄 SKILL.md