yejy53/Editable-Design

빠른 요약

Editable‑Design은 Codex Skills – Codex AI 어시스턴트 플랫폼용 플러그인 – 을 제공하는 GitHub 저장소로, 대규모 언어 모델이 포스터, 인포그래픽, 마케팅 캠페인, 연구 논문 다이어그램과 같은 완전히 편집 가능한 시각적 자산을 생성할 수 있게 합니다. 시스템은 자연어 프롬프트를 받아 계획, 렌더링, 검증을 수행하는 지속적인 "코딩 에이전트"를 실행한 후 다음을 출력합니다:

실제 편집 가능한 텍스트와 별도의 이미지 레이어가 포함된 구조화된 HTML/CSS.
기기에서 미세 조정을 위한 시각적 편집기.
단계별 생성 과정을 기록하는 Agent Design Replay.
선택적 PowerPoint(PPTX) 변환.

저장소에는 세 가지 독립적인 Skills가 포함되어 있습니다:

Skill	기능	주요 출력
`editable-design`	포스터, 인포그래픽, 마케팅 캠페인	HTML, PNG, 시각적 편집기, 레이어 분해, 재생
`paper-fig`	방법 설명을 편집 가능한 연구 논문 워크플로/아키텍처 다이어그램으로 변환	편집 가능한 PPTX
`html‑to‑pptx`	기존 HTML 디자인을 편집 가능한 PowerPoint 파일로 변환	PPTX

README에는 Codex를 통해 Skill을 설치하고, 디자인 프롬프트(예: "레서판다에 대한 백과사전 스타일 필드 가이드 만들기")를 입력하고, 완전히 편집 가능한 결과물을 얻는 방법을 보여주는 한 페이지 "빠른 시작"이 포함되어 있습니다. 또한 13개의 예제 디자인 갤러리, 짧은 비디오 개요, 기본 접근 방식을 설명하는 연구 논문(arXiv 2609.04034)에 대한 링크도 있습니다.

중요성

편집 가능한 출력 – 이미지만 생성하는 많은 생성기와 달리, 시스템은 텍스트, 레이아웃, 이미지를 별도의 편집 가능한 구성 요소로 유지하여 실제 디자인 워크플로에 유용합니다.
에이전트 기반 생성 – 지속적인 LLM 에이전트가 디자인을 계획, 렌더링, 수리하며, 그 행동은 재생을 위해 기록되어 투명성과 재현성을 제공합니다.
Codex와의 통합 – 기능을 Codex Skill로 패키징함으로써 기존 LLM 어시스턴트 생태계를 활용하여 사용자가 자연어 명령으로 디자인 기능을 호출할 수 있습니다.
다중 모드 내보내기 – HTML을 PowerPoint로 변환할 수 있고, 연구 논문 다이어그램을 직접 PPTX로 생성할 수 있어 디자인과 학술 문서를 연결합니다.

시작하기(README에서)

Skill 설치 – README에 표시된 명령을 실행하는 Codex 작업을 사용하거나, 스파스 체크아웃으로 저장소를 수동으로 클론하고 제공된 npm ci 및 글꼴 키트 스크립트를 실행합니다.
Codex 작업 실행 – 원하는 시각적 요소를 설명합니다. 에이전트가 디자인을 생성하고 편집 가능한 자산을 반환합니다.
선택적 PPTX 변환 – html-to-pptx Skill을 설치하고 Codex에게 생성된 HTML을 편집 가능한 PowerPoint 파일로 변환하도록 요청합니다.

프로젝트 상태

초기 릴리스(2026‑09‑04) – 핵심 Skills가 기능하며 문서화되어 있습니다.
논문 및 블로그 – 연구 논문(arXiv 2609.04034)과 블로그 게시물이 방법론을 설명하고 결과를 보여줍니다.
갤러리 – 13개의 엄선된 예제가 시스템이 생성할 수 있는 시각적 스타일의 범위를 보여줍니다.

더 알아보기

논문: https://arxiv.org/abs/2609.04034
블로그: https://yejy53.github.io/Editable-Design/en/blog/genclaw-next/
갤러리 및 데모 비디오: https://yejy53.github.io/Editable-Design/player.html#overview

TL;DR

Editable‑Design은 Codex Skills를 통해 LLM 기반의 편집 가능한 시각적 디자인 생성을 제공하여 자연어 프롬프트를 레이어된 HTML 또는 PPTX 자산으로 변환하며, 디자이너가 추가로 편집할 수 있습니다.