SITE CAPTURE서비스 페이지에 공개된 정보를 바탕으로 표시합니다. 선정·검수 원칙
WHAT IT DOES
무엇을 하나요?
각 요소의 위치를 다른 요소와의 관계로 선언하며 파일에는 좌표가 들어가지 않습니다. 브라우저 편집기에서 왼쪽의 소스를 고치면 오른쪽 레이아웃이 다시 계산됩니다. 저장소에는 에이전트가 언어를 사용할 수 있도록 구문과 한계를 설명하는 스킬도 포함됩니다.
KEY FEATURES
주요 기능
- 요소의 위치를 다른 요소에 대한 상대 관계로 선언
- 좌표 없이 텍스트에서 다이어그램 렌더링
- 브라우저에서 소스 편집과 레이아웃 재계산 결과를 나란히 확인
- 들여쓰기나 줄 위치에 의존하지 않는 평면 구문
- Claude Code·Codex·Cursor·Copilot 등을 위한 에이전트 스킬 제공
EDITOR'S NOTE
왜 눈에 띄었나요?
도형의 위치를 픽셀 값 대신 다른 도형과의 관계로 적어 두는 발상이 핵심이다. 배치를 바꾸려면 관계를 적은 문장을 고치면 되므로, 사람이든 에이전트든 기존 그림의 의도를 읽고 수정하기 쉽다.