AesCode - 이미지의 디자인을 참고해 HTML/CSS를 생성하는 AI 모델
요약
AesCode는 이미지 디자인을 참고하여 수정 가능한 HTML/CSS 코드를 생성하는 AI 모델입니다. 슬라이드, 포스터 등 다양한 시각 자료를 완전한 HTML 문서로 출력하며, 표와 차트는 각각 HTML 테이블과 ECharts로 구현되어 데이터 확인 및 수정이 용이합니다.
핵심 포인트
- 이미지 디자인을 기반으로 수정 가능한 HTML/CSS 코드를 생성합니다.
- 결과물은 완전한 HTML 문서이며, 데이터 시각화 요소도 포함됩니다.
- Qwen3-VL 기반의 8B 및 32B 모델이 공개되었으며, 로컬 실행을 지원합니다.
- MIT 라이선스의 코드는 학습/추론/검증 코드까지 제공됩니다.
- 슬라이드와 포스터, 대시보드를
수정 가능한 HTML/CSS로 생성하는 Microsoft의 AI 모델 - 이미지 생성 모델이 만든 참고 이미지에서 레이아웃과 스타일을 가져오고,
문구와 수치는 프롬프트를 기준으로 생성하도록 학습 - 결과물은 완전한 HTML 문서로 출력, 표는 HTML 테이블, 차트는 ECharts로 작성해 데이터를 직접 확인하고 수정 가능
- 글자와 데이터의 정확성, 배치와 여백, 디자인을 따로 평가하며 강화학습에 반영
- 짧은 아이디어에서 참고 이미지와 요구사항을 만든 뒤, 내용을 수정하고 HTML을 생성하는 흐름 제공
- Qwen3-VL 기반
8B와 32B 모델 공개, 추론 시 참고 이미지 없이도 생성 가능
학습과 추론, 브라우저 기반 검증 코드 공개. 전체 학습 데이터셋은 미포함 - 로컬 실행과 API 연결 지원, 외부 이미지 생성과 평가 서비스를 사용하면 API 인증과 비용 필요
- Python 기반이며, 32B 모델은 BF16 가중치만으로
약 65GB의 가속기 메모리 필요 - 코드는
MIT, 모델은 Apache 2.0 라이선스
댓글과 토론
AI 자동 생성 콘텐츠
본 콘텐츠는 GeekNews의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기