Design Agent by Lokuma

Design Agent는 이미 쓰는 도구가 호출하도록 만들어졌다. Claude Code, Cursor, Codex, Lovable, Bolt가 포함된다. 한 줄짜리 셸 명령으로 한 번 설치하면, 에이전트가 작업 도중 꺼내 쓸 수 있는 디자인 능력이 된다. 새로 배울 편집기가 없고, 코드 도구와 디자인 도구 사이를 오갈 필요도 없다는 뜻이다. Cursor 사용자는 편집기를 떠나지 않고 사실상 Cursor 디자인 플러그인을 얻는다.

에이전트는 AI가 흔히 건너뛰는 부분을 다룬다. 여백, 정렬, 시각적 계층, 그리고 내용이 페이지를 따라 어떻게 흐르는지다. 모델이 생성한 것을 읽고 독자가 무엇을 먼저 봐야 할지 알도록 시각적 제시를 다시 짠다. 이것이 동작하는 출력과 디자인된 것처럼 보이는 출력의 핵심 차이다. 작은 변화, 큰 효과.

서체 스케일을 정하고, 제목을 본문에 비례해 크기 조정하고, 페이지 전체에서 여백을 일관되게 유지한다. 타이포그래피는 AI 출력이 싸 보이게 만드는 가장 빠른 길 중 하나이며, 여기서 디자인 레이어가 존재 가치를 증명한다. 나쁜 서체는 그 외에는 괜찮은 페이지를 망친다. 좋은 서체는 의도적으로 보이게 만들고, 그것이 여기서 하는 일의 전부다.

Design Agent를 API로 호출하거나 MCP 서버로 쓸 수 있다. 그래서 외부 서비스에 닿을 수 있는 거의 모든 AI 스택에서 쓸 수 있고, 팀이 자체 모델과 배포 환경을 중심으로 짜는 맞춤 파이프라인도 포함된다. 개발자는 연결할 수 있다. 단일 도구에 묶이지 않는다.

과금은 호출마다 측정되고 무료 웰컴 크레딧이 붙어, 결정 전에 시험할 수 있다. Design Agent와 별도인 Website Builder는 같은 로그인을 공유하지만 크레딧 잔액은 따로 유지해, 둘 다 써도 비용을 예측할 수 있다. 그만두면 해지할 구독이 없다. 유용한 기능을 월 요금제 뒤에 잠그는 대부분의 디자인 도구와 실질적으로 다른 점이다.

같은 디자인 엔진이 Lokuma의 Website Builder와 67개 템플릿 라이브러리를 구동한다. 그래서 에이전트가 만든 페이지는 그 템플릿을 둘러볼 때 보는 것과 같은 품질이 된다. 템플릿의 모습이 마음에 든다면, 그것이 바로 디자인 레이어가 만들어 내는 것이다.