SVG 코드만으로 한강 모습을 그려낸 HTML을 캡쳐한겁니다
다리부터 수면 위로 번지는 빛까지 전부 코드로 구현한 겁니다
장면을 해석하고, 구도를 잡고,
시각적 완성도까지 끌어올리는 AI 모델의 그래픽 표현력이 그대로 드러납니다
이걸 잘 해내는 모델이
디자인 감각도 좋고
프런트엔드 실력도 좋습니다
어찌 보면 당연한 얘기겠죠
고정밀 웹 UI나 데이터 시각화는 물론이고
HTML, CSS, SVG를 조합해서
복잡한 장면과 인터페이스까지 정교하게 만들어내는
프런트엔드 생성 능력을 확인하기에도 좋습니다
AI 모델의 코딩 능력과
시각적 설계 능력을 비교해볼 때 참고할 만한 테스트입니다
아래에 프롬프트 첨부하였습니다
전부 동일 프롬프트입니다
참고로 페이블 5 울트라가 생성한 HTML 코드는 약 100만 자
GPT 5.6…
원문 보기 →