매거진 아티클 (article-magazine)

무엇을 해주나

• 글 내용을 잡지풍 웹 아티클 HTML로 변환할 때 필요한 타이포그래피 규칙을 Claude에게 알려줍니다.
• 히어로 영역(대제목 + 부제 + 작성자/읽는 시간/날짜), 700px 단일 컬럼 본문, serif 소제목, accent 라인 인용구, 언어 라벨이 붙은 코드블록, 커스텀 불릿, 장식형 구분선, 마지막 공유 유도 카드까지 구성 요소를 규정합니다.
• Tailwind 유틸리티 클래스(text-lg leading-relaxed text-neutral-700 dark:text-neutral-300 등)를 기준으로 하여 다크 모드까지 고려된 결과물을 얻습니다.

이런 분께 추천

• 블로그·뉴스레터·기업 오너드 미디어에 올릴 장문 글을 HTML로 예쁘게 뽑고 싶은 콘텐츠 작성자
• 마크다운 원고를 그대로 웹 게시용 페이지로 바꾸고 싶은 1인 개발자·마케터
• 매번 디자인 지시를 반복 입력하지 않고 일관된 아티클 스타일을 유지하려는 팀

활용 예시

1. "이 마크다운 원고를 매거진 아티클 스타일 HTML 한 파일로 만들어줘" → 히어로 + 본문 + 공유 카드까지 완성된 페이지.
2. 기술 블로그 포스트에 코드 스니펫이 많을 때 → 라운드 코너·다크 배경·언어 라벨이 붙은 코드블록으로 통일.
3. 뉴스레터 아카이브 페이지를 만들 때 → 동일한 700px 본문 폭과 장식 구분선으로 여러 글의 톤을 맞춤.

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

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

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