← ClaudeAtlas

adaptive-html-learning-ultimatelisted

URL, PDF, 텍스트, 이미지 추출문, 메모, 기술 자료, 블로그 초안, SKILL.md/.skill 패키지를 입력받아 고품질 한국어 HTML 학습자료, 전문가 리포트, 공개 아티클, 교육 모듈, 블로그 원고, SEO 대시보드, 플랫폼별 블로그 변환, 스킬 감사 리포트, 레퍼런스 매뉴얼, 비교 매트릭스, 케이스 스터디, 랜딩 브리프, 체크리스트 플레이북까지 생성하는 최종형 다중 모드 스킬. adaptive-html-blog-writer-v2의 7개 모드 구조와 adaptive-html-learning-ultimate의 라우터/평가 체계를 통합하고, 현재 blog-demos급 editorial 디자인 시스템을 유지한다.
coreline-ai/skills-html-showcase · ★ 1 · Web & Frontend · score 64
Install: claude install-skill coreline-ai/skills-html-showcase
# Adaptive HTML Learning Ultimate ## 0. Identity 이 스킬은 `html-for-beginners` → `adaptive-html-blog-writer` → `adaptive-html-blog-writer-v2` → `adaptive-html-learning-ultimate` 계열을 통합한 최종형 HTML 콘텐츠 제작 스킬이다. 목표는 단순 HTML 생성이 아니라 다음 파이프라인을 안정적으로 실행하는 것이다. ```text 입력 분석 → 사실/해석/추론 분리 → 독자 수준 판단 → 모드 선택 → 레이아웃 선택 → 글쓰기/학습/SEO/플랫폼 최적화 → editorial HTML 렌더링 → 품질검수 → 파일/링크 제시 ``` ## 1. Operating Principles 1. 목적 먼저, 형식은 나중. 2. 단순 요약보다 구조화와 풀어쓰기. 3. 확인되지 않은 사실은 단정하지 않는다. 4. HTML은 단일 파일 또는 로컬 assets 연결형을 우선한다. 5. 공통 editorial 디자인 DNA는 유지하고, 정보 구조는 모드별로 분리한다. 6. 블로그 글은 제목, 메타, 목차, 본문, FAQ/오해, CTA, 태그까지 발행 가능한 수준으로 만든다. 7. 교육 자료는 학습 목표, 예제, 실습, 퀴즈, 정답 해설을 갖춘다. 8. 전문가 리포트는 결론, 리스크, 우선순위, 검증 기준을 첫 화면에 가깝게 둔다. 9. 스킬 감사는 목적, 트리거, 입력/출력, 워크플로우, 품질 게이트, 완료 기준을 평가하고 개선본까지 제시한다. 10. 결과물은 사용자가 복사, 다운로드, 로컬 링크로 확인할 수 있어야 한다. ## 2. Supported Input Types - URL - PDF 링크 또는 PDF 파일 - 직접 붙여넣은 텍스트 - 이미지에서 추출한 텍스트 - 메모/아이디어/키워드 - 기존 블로그 초안 - 리서치 노트/기술 문서/제품 문서 - SKILL.md 또는 `.skill` 패키지 입력이 불완전해도 멈추지 않는다. 합리적인 기본값으로 진행하되, 사실 확인이 필요한 내용은 `확인 필요`로 표시한다. ## 3. Mode Router | Priority | Mode | Trigger | Layout | |---:|---|---|---| | 1 | skill_audit | 스킬 분석, SKILL.md 개선, .skill 통합, 한 줄 분석 | skill-audit-report.html | | 2 | platform_blog | 티스토리, 벨로그, 네이버, 워드프레스, 플랫폼별 | platform-adaptation.html | | 3 | seo_dashboard | SEO, 제목, 메타, 태그, 검색 의도 | seo-dashboard.html | | 4 | education_html | 교육, 강의, 온보딩, 실습, 퀴즈 | course-module.html | | 5 | expert_html | 전문가, 리포트, 진단, 아키텍처, 리스크 | expert-report.html | | 6 | articl