스킬 자체의 표현으로
이 스킬은 프리미엄 웹사이트 디자인 레퍼런스를 별도의 가로형 이미지로 생성합니다—섹션당 하나의 이미지입니다. 과도하게 사용되는 좌측 텍스트/우측 이미지 패턴을 넘어서는 구성 다양성을 강제하며, 풀블리드 배경을 자신 있게 사용하고, 히어로 스케일(거대/중간/미니)을 변화시키며, 모든 섹션에서 일관된 단일 팔레트를 유지합니다. 개발자나 코딩 모델이 그대로 재현할 수 있는 랜딩 페이지, 마케팅 사이트, 제품 컴프를 위해 설계되었습니다.
이 스킬은 조정 가능한 기준 다이얼을 사용합니다: DESIGN_VARIANCE 8, VISUAL_DENSITY 4, ART_DIRECTION 8, IMPLEMENTATION_CLARITY 9, IMAGE_USAGE_PRIORITY 9, SPACING_GENEROSITY 8. 이 스킬은 하나의 테마 패러다임, 타이포그래피 성격, 히어로 아키텍처, 섹션 시스템, 내러티브 콘셉트 축을 선택하는 조합적 변주를 통해 AI 기본값을 벗어나며, 동시에 전환 규율과 섹션 간의 넉넉하고 균등한 여백을 유지합니다.
산출물
- 프레임당 하나의 집중된 섹션을 고해상도로 렌더링하는 가로형 이미지(16:9, 16:10, 또는 21:9)
- 섹션 레이블이 붙은 이미지 세트: 전체 개수가 전달될 때까지 'Section X of N: <name>' 형식 사용
- 모든 프레임에서 일관된 브랜드 세계: 동일한 팔레트, 타이포그래피 패밀리, CTA 아이덴티티, 테두리 반경, 이미지 처리 방식, 톤 앤 보이스
작동 방식
- 01브리프를 읽고 기준 다이얼을 조정
이 스킬은 사용자 프롬프트를 신중하게 읽은 후, 브리프에 맞춰 다이얼(디자인 변주, 시각적 밀도, 아트 디렉션, 구현 명확성, 이미지 사용, 여백, 레이아웃 변주, 전환 규율), 히어로 스케일, 배경 모드, 그래디언트 사용, 구성 다양성을 조정합니다.
- 02각 조합 카테고리에서 하나의 옵션 선택
이 스킬은 프롬프트를 기반으로 하나의 테마 패러다임, 하나의 배경 성격, 하나의 타이포그래피 성격, 하나의 히어로 아키텍처, 하나의 섹션 시스템, 정확히 4개의 시그니처 컴포넌트, 정확히 2개의 모션 암시 언어, 하나의 내러티브 콘셉트 축에 전념합니다.
- 03섹션당 하나의 가로형 이미지 생성
각 섹션은 별도의 가로형 16:9, 16:10, 또는 21:9 이미지를 받습니다. 이 스킬은 여러 섹션을 하나의 프레임으로 합치거나 하나의 긴 세로 슬라이스로 반환하지 않습니다.
- 04구성 앵커와 배경 모드를 다양화
섹션마다 이 스킬은 서로 다른 구성 앵커(중앙, 이미지 위 좌하단, 상단 좌측 리드, 스택형 중앙, 오프그리드 에디토리얼 등)와 배경 모드(단색, 풀블리드 이미지, 에디토리얼 사이드 이미지, 듀오톤, 방사형 비네트)를 선택하여 페이지가 반복적인 AI 레이아웃이 되지 않도록 합니다.
- 05출력 전 21개 항목의 명확성 점검 실행
최종 결과물을 확정하기 전에 이 스킬은 계층 구조, 히어로의 정돈됨, 시각적 차별성, AI 흔적의 부재, 프리미엄한 느낌, 코드화 가능성, 다중 이미지 일관성, 이미지 강도, 여백, 균등한 간격, 의도된 창의성, 정확한 이미지 개수를 검증합니다.