「전시 포스터 만들어줘」라고만 하면 AI 는 그리드를 깔지 않고 요소를 위에서 아래로 쌓는다. 같은 포스터를 Haiku·Sonnet 에게 3번씩 시킨 실측에서, 이름 없이 시키면 4×6 그리드를 CSS 로 실제로 깐 것이 0/6이었고, 전시 레시피 문장(모듈 그리드 4×6 · 칸 묶기 · 쌓은 제목 · 정보 블록)으로 시키면 6/6이었다. 날짜·장소가 오른쪽 아래로 간 것도 1/6에서 5/6으로 늘었다. 다만 「쌓은 제목을 칸에 꽉 차게」는 아직 안 된다. Haiku 는 3번 다 제목이 작게 남았고 Sonnet 은 2/3이 자간을 벌려 폭을 채웠다. 그래서 결과를 그리드 선 켠 판과 같이 받아 눈으로 확인하게 한다.
실물부터, 설치 전에 전부 만져보세요
아래는 이미지가 아니라 이 스킬이 담고 있는 진짜 HTML입니다. 눌러 보세요.
그리드 메뉴판 · 24가지 · 레시피 4
포스터는 「세련되게」가 아니라 그리드 이름으로 시켜요
판을 어떻게 나누고, 칸 위에 무엇을 어떻게 앉히는지에 이름이 있어요. 이름과 칸 수로 시키고 그리드 선을 켠 판을 같이 받으면 칸을 지켰는지 바로 보여요.
모듈 그리드"바둑판 칸"사선 그리드"삐딱하게 기울여서"쌓은 제목"단어 하나씩 줄 바꿔서"
전시 「[제목]」 포스터. 판 [1080×1350]. 모듈 그리드 [4×6], 여백·간격 [판 폭의 4%]. 작품 사진은 칸 묶기로 [위쪽 4×3]칸, 제목은 쌓은 제목으로 아래 [4×2]칸에 꽉 차게, 날짜·장소는 정보 블록으로 오른쪽 아래 여백선에 붙여. 그리드 선 켠 판과 끈 판 두 장.
AI한테 시키는 공식
그리드 이름과 칸 수·여백을 먼저 적어요
포스터를 '세련되게'로 시키면 대부분 가운데 정렬 한 판이 나온다. 그리드 이름과 칸 수를 먼저 주면 어디에 무엇이 놓일지가 정해지고, 그리드 선을 켠 판을 같이 받으면 칸을 지켰는지 눈으로 바로 확인된다.
[포스터에 들어갈 실제 내용][판 크기][그리드 이름과 칸 수·여백][놓는 법 이름][글자 놓기 이름][그리드 선 켠 판 같이]
✕
전시 포스터 세련되게 만들어줘
○
내용은 제목 「[제목]」, 날짜 [날짜], 장소 [장소], 사진 1장. 판은 1080×1350. 모듈 그리드 4×6, 바깥 여백은 판 폭의 6%, 칸 사이 간격은 같은 값. 사진은 칸 묶기로 왼쪽 위 3×4 칸, 제목은 쌓은 제목으로 아래 두 줄 꽉 차게, 날짜·장소는 정보 블록으로 오른쪽 아래 한 칸. 그리드 선을 켠 판과 끈 판 두 장으로 줘.
전시 「[제목]」 포스터. 판 [1080×1350]. 모듈 그리드 [4×6], 여백·간격 [판 폭의 4%]. 작품 사진은 칸 묶기로 [위쪽 4×3]칸, 제목은 쌓은 제목으로 아래 [4×2]칸에 꽉 차게, 날짜·장소는 정보 블록으로 오른쪽 아래 여백선에 붙여. 그리드 선 켠 판과 끈 판 두 장.
공연 「[제목]」 포스터. 판 [1080×1350]. 사선 그리드 [4]단을 [-30°]로, 제목은 사선 제목으로 그 각도 그대로 판을 가로지르게. [원 하나]를 제목 끝에 닿을 듯 긴장 배치. 날짜·장소는 정보 블록으로 가로로 왼쪽 아래. 그리드 선 켠 판과 끈 판 두 장.
[가게 이름] 오픈 공지 포스터. 판 [1080×1350]. 원고 그리드에 여백 [8%]. 제목 「[한 단어]」는 잘린 큰 글자로 아래쪽이 잘리게, 위쪽 절반은 여백 남기기로 [로고 하나]만 초점 고립. 날짜는 정보 블록으로 왼쪽 위. 그리드 선 켠 판과 끈 판 두 장.
사전 정본은 menu.json 하나다. 3갈래 아래 24가지 이름이 있다. ①그리드 종류는 판을 나누는 법(원고 · 단 · 모듈 · 계층 · 기준선 · 겹친 · 3분할 · 사선 · 방사 · 동심원), ②놓는 법은 칸 위에 요소를 앉히는 법(칸 묶기 · 가장자리 붙이기 · 초점 고립 · 긴장 배치 · 그리드 깨기 · 크기 대비 · 여백 남기기 · 축 정렬), ③글자 놓기는 제목과 정보를 놓는 법(세로 제목 · 사선 제목 · 쌓은 제목 · 쪼갠 제목 · 정보 블록 · 잘린 큰 글자)이다. 항목마다 한/영 이름, 사람이 실제로 하는 말(별칭), 한 줄 정의, 헷갈리는 이름 구분 기준, AI에게 그대로 붙여 넣는 요청 문장이 붙는다.
견본은 4:5 포스터를 캔버스에 그리는 자가완결 HTML이다. 8초마다 그리드 선이 먼저 그려지고, 사진·제목·정보가 칸으로 미끄러져 앉은 뒤 선이 걷힌다. 「그리드 선」 단추로 자동·켬·끔을 바꿀 수 있다.
포스터 레시피
포스터 종류를 고르면 조합이 정해진다. 전시(모듈 그리드 + 칸 묶기 + 가장자리 붙이기 + 쌓은 제목 + 정보 블록), 공연·파티(사선 그리드 + 사선 제목 + 긴장 배치 + 정보 블록), 강연·모임(단 그리드 + 기준선 그리드 + 축 정렬 + 세로 제목 + 정보 블록), 공지·오픈(원고 그리드 + 초점 고립 + 잘린 큰 글자 + 여백 남기기 + 정보 블록) 넷이다. 레시피에 그리드 종류가 하나도 없으면 빌드가 멈춘다.
실측
이름 24 · 갈래 3 · 레시피 4 · 라이선스 MIT. 검수 기준 버전 0.1.0, 2026-10-29. 견본 24장을 헤드리스로 열어 캔버스가 그려지고 예외가 0인 것을 확인했다. 같은 전시 포스터를 Haiku·Sonnet 3번씩: 4×6 그리드를 실제로 깐 것 0/6 → 6/6, 날짜·장소 오른쪽 아래 1/6 → 5/6. 쌓은 제목 「꽉 차게」는 Haiku 3/3 작게 남음, Sonnet 2/3 자간을 벌려 채움. 견본 속 제목·장소·날짜는 지어낸 예시다.
스킬 · 자체 제작