블로그 포스트 스킬

블로그 포스트 스킬은(는) 무엇을 하나요?

단일 장문의 편집형 페이지를 생성합니다. 크롬은 없습니다.

워크플로우

1. 활성 DESIGN.md 읽기 (위에 주입됨). 타이포그래피 토큰을 적극 활용하세요. 장문은 70% 타입, 20% 이미지, 10% 크롬으로 구성됩니다.
2. 브리프에서 주제 선택하고 실제 기사를 작성하세요. 최소 600자 이상, 4–6개의 H2 섹션으로 구성합니다. 로렘 입숨은 사용하지 마세요.
3. 섹션, 순서대로:
   • 머리글(Masthead) — 작은 워드마크 + 4–6개 탐색 링크, 단순하게.
   • 기사 헤더(Article header) — 카테고리 아이브로우, 헤드라인(화면 토큰, 대형), 덱(1–2문장 부제목), 작성자 이름 + 역할 + 날짜.
   • 히어로 이미지(Hero image) — DS 색상 그라데이션 또는 단색 채우기를 사용한 16:9 플레이스홀더 블록(외부 이미지 없음). 아래에 1줄 캡션을 추가하세요.
   • 본문(Body) — 최소한 다음을 포함한 산문 단락을 번갈아 배치:
     • 1개의 인용구(큰 표시 타입, 인라인 시작 가장자리에 강조 규칙을 두어 dir="rtl"에서 레이아웃이 올바르게 반전되도록).
     • 1개의 그림(이미지 플레이스홀더 + 캡션).
     • 1개의 목록(번호 또는 글머리 기호).
     • 1개의 인라인 블록 인용.
   • 작성자 바닥글(Author footer) — 작성자 아바타(원 안의 이니셜), 바이오 단락.
   • 관련 포스트(Related) — 다른 포스트로 연결되는 3개의 카드. 각 카드: 작은 이미지 블록, 제목, 1줄 요약, 날짜.
4. 단일 HTML 문서 작성:
   • <!doctype html> 부터 </html> 까지, CSS는 인라인으로.
   • 기사 본문은 DS 본문 글꼴 사용, 가운데 정렬, DS 레이아웃 규칙에 따른 최대 너비(일반적으로 680–720px).
   • 드롭 캡(first-letter)은 DS 분위기가 편집적/세리프 스타일인 경우에만 사용 — 기술 중심 DS에서는 생략.
   • 헤드라인, 히어로, 본문, 인용구, 관련 그리드에 data-od-id 속성 추가.
5. 자체 점검:
   • 유형 계층이 명확 — H1은 확실히 헤드라인; H2는 섹션 구분자; 인용구는 H1과 경쟁하지 않음.
   • 본문 줄 길이는 60–75자.
   • 강조는 최대 두 번만 사용(아이브로우 + 인용구 규칙, 또는 링크 하나).
   • 페이지가 마케팅 랜딩이 아닌 잡지처럼 읽혀야 함.

출력 규약

<artifact> 태그 사이에 다음을 출력합니다:

<artifact identifier="post-slug" type="text/html" title="기사 제목">
<!doctype html>
<html>...</html>
</artifact>

아티팩트 앞에 한 문장, 뒤에는 아무것도 없음.