블로그 장문 (Blog Post)

무엇을 해주나

• 600자 이상 되는 긴 글을 잡지 기사처럼 보이는 단일 페이지 레이아웃으로 구성해줍니다.
• 마스트헤드(매체명+날짜), 히어로(대제목·부제·저자 서명·예상 읽기 시간), 65ch 단일 컬럼 본문, 저자 소개 카드, 관련 글 3개 카드까지 구조를 지정합니다.
• 풀쿼트(큰 세리프 이탤릭 + 좌측 컬러바), 이미지 캡션(작은 이탤릭), 코드 블록(둥근 모서리·다크 배경·언어 라벨) 같은 타이포그래피 디테일 규칙을 포함합니다.
• 텍스트 70% / 이미지 20% / UI 요소 10% 비율을 기준으로 '읽는 맛'에 집중한 결과물을 유도합니다.

이런 분께 추천

• 뉴스레터·기술 블로그·케이스 스터디를 HTML 한 장으로 예쁘게 뽑고 싶은 마케터, 콘텐츠 담당자
• 디자이너 없이도 매거진 톤의 아티클 페이지를 만들고 싶은 1인 개발자·창작자
• 긴 글의 정보 구조와 인용 처리에 일관된 포맷이 필요한 팀

활용 예시

1. "신제품 출시 회고 2,000자 원고를 blog-post 템플릿으로 아티클 페이지로 만들어줘" → 마스트헤드+히어로+풀쿼트가 들어간 단일 HTML 산출.
2. "고객 성공 사례(케이스 스터디)를 이 레이아웃으로, 관련 글 카드에는 다른 사례 3건을 넣어줘".
3. "기술 튜토리얼 글을 코드 블록 스타일 규칙(다크+언어 라벨)에 맞춰 정리해줘".

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/nexu-io/html-anything/HEAD/next/src/lib/templates/skills/blog-post/SKILL.md

내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 nexu-io/html-anything 의 next/src/lib/templates/skills/blog-post 폴더를 내 ~/.claude/skills/blog-post/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.