imagegen-frontend-web

어떤 스킬인가요?

고품질의 전환율 향상에 중점을 둔 웹사이트 디자인 레퍼런스를 생성하기 위한 최상급 프론트엔드 이미지 배치 기술. 핵심 출력 규칙 — 각 섹션마다 별도의 가로형 이미지를 ‘하나’씩 생성해야 합니다. 섹션이 8개인 랜딩 페이지의 경우 8개의 이미지가 생성됩니다. 여러 섹션을 하나의 이미지로 압축해서는 안 됩니다. 구도 다양성(항상 왼쪽에 텍스트, 오른쪽에 이미지가 배치되는 방식이 아님), 배경 이미지 자유도, 다양한 CTA, 다양한 히어로 규모(거대 / 중형 / 미니멀리스트형 소형), 내러티브 콘셉트의 핵심 축, 두 번째 시선 집중 포인트, 그리고 모든 이미지에 걸쳐 일관된 단일 색상 팔레트를 적용합니다. 개발자나 코딩 모델이 정확하게 재현할 수 있는 랜딩 페이지, 마케팅 사이트 및 제품 컴포지션에 최적화되어 있습니다.

설치 방법

프로젝트 폴더에서 아래 명령어를 실행하고, 설치할 에이전트를 선택하세요.

설치 명령을 직접 실행해야 적용됩니다. 지원 에이전트와 필요한 권한·라이선스는 제작자의 안내를 확인하세요.

스킬 원문 파일

policy:
  allow_implicit_invocation: false

---
name: imagegen-frontend-web
description: "Moved to github.com/Leonxlnx/imagegen-skills. Runs only when called by name."
disable-model-invocation: true
---

# imagegen-frontend-web (moved)

This skill now lives in its own repository, with the other image-generation skills: https://github.com/Leonxlnx/imagegen-skills

The install name did not change:

```bash
npx skills add https://github.com/Leonxlnx/imagegen-skills --skill "imagegen-frontend-web"
```