사진에 나온건 클로드 디자인에 요청한 프롬프트.
내가 쓴거는 아니고, 내 Claude Designer 라는 에이전트를 별도로 만들고, 해당 에이전트는 직접 만든 claude design 연동하는 MCP 를 사용한 결과.
에이전트에게는 아래와 같이 프롬프트를 넣었을뿐 별다른 조치는 안함.
현재 앱 텝 별로 시나리오에 대한 시안을 클로드 디자인한테 시안을 받아줘. 그리고 지금 디자인 시스템을 기준으로 말고 좀더 AI slop 느낌이 없는 깔끔한 디자인으로해서 새로 시안을 뽑아달라고 요청해줘.
기존에 mcp 로 기존 앱에 디자인의 디자인 시스템을 추출하여 claude design mcp sync 기능으로 클로드 디자인에 있는 디자인 시스템에 등록하는 과정을 거침.
그 뒤에 AI slop 느낌 없이 요청을 했을 뿐인데, 에이전트가 내 프로젝트 내용과 함께 위처럼 프롬프트를 대신 쭉 써줌.
즉 프롬프트를 짜는 시대가 아니라 에이전트에게 충분한 컨텍스트를 주고, 그래픽 부분은 외주를 맡기는 구조.
맡긴 디자인을 보고 또 별도 수정요청을 계속해서 의도한 만큼 깔끔한 UI 를 뽑아줌.
혼자 쓰고 있는 캘린더 디자인인데, AI 느낌이라기보다는 그냥 깔끔한 느낌으로 바뀜.
클로드는 역시 디자인에 쓰는게 좋고 Fable 쓰고 남은 토큰은 Opus 로 디자인을 맡기면서 디자인을 개편해두고, 이거 기반으로 디자인 업데이트 정도에 쓰면 아주 야무지게 토큰을 녹일 수 있음.
https://github.com/coin-seeker/claude.design-mcp
mcp 는 쓸 사람은 쓰시고, claude design 용 브라우저를 열어줄텐데, 거기서 한번 로그인 해두면 쓸 수 있음.