image-to-code

어떤 스킬인가요?

Codex를 위한 최상급 웹사이트 이미지-투-코드 기술. 시각적으로 중요한 웹 작업의 경우, 먼저 디자인 이미지를 직접 생성하고 이를 심층적으로 분석한 뒤, 해당 이미지와 최대한 일치하도록 웹사이트를 구현해야 합니다. Codex에서는 작고 압축된 보드 대신 크고 가독성이 높으며 섹션별로 구분된 이미지를 우선적으로 사용해야 하며, 기존 이미지를 자르는 대신 섹션이나 상세 보기를 위한 새로운 독립형 이미지를 생성해야 합니다. 또한 대충 처리하는 식의 생성 부족을 피하고, ‘카드 안에 카드, 그 안에 또 카드’와 같은 중첩된 UI 구조를 피하며, 헤로 영역을 깔끔하고 여유 있게 구성하여 가독성을 높이고 작은 노트북 화면에서도 잘 보이도록 해야 합니다.

설치 방법

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

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

스킬 원문 파일

policy:
  allow_implicit_invocation: false

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

# image-to-code (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 "image-to-code"
```