/design 스킬

/design 스킬은 클로드 코드에게 슬래시 명령으로 화면을 그려달라고 요청하면, 편집 가능한 화면 초안 여러 개를 먼저 보여주고 그중 하나를 골라 다듬으면 실제로 동작하는 코드로 완성해주는 기능이다.

인테리어 업체에 방을 말로만 설명하며 꾸며달라고 하면 엉뚱한 결과가 나오기 쉽다. 대신 가구 배치 시안 여러 장을 사진으로 미리 보여주고, 마음에 드는 걸 골라 색이나 위치를 손보게 한 다음 그대로 시공해주는 쪽이 훨씬 정확하다. /design은 이 순서를 코딩 작업에 옮긴 것이다.

원래 클로드 코드는 사람이 원하는 화면을 말로 설명하면 그걸 코드로 옮겨주는 도구였다. 화면이 어떻게 생겨야 하는지 상상하고 설명하는 부담은 여전히 사람 몫이었다. /design은 이 순서를 뒤집어, 클로드가 먼저 시안 여러 개를 그려 보여주고 사람은 고르고 다듬기만 하면 되도록 바꿨다.

기사는 "발표에 따르면 /design은 아직 연구 프리뷰 단계이며, 클로드의 산출물 형식인 artifacts 위에 아트보드 워크플로우를 얹은 구조다"라고 전한다. 여기서 헷갈리기 쉬운 점은 /design이 별도의 새 프로그램이 아니라 클로드 코드 안에서 슬래시 명령으로 불러오는 기능이라는 것이다. 비슷한 이름의 Claude Design은 이보다 앞서 나온 독립된 디자인 도구이고, /design은 그 아트보드 개념을 클로드 코드 안으로 옮겨 넣은 후속 기능이다.

1. 클로드 코드 CLI나 데스크톱 앱을 연다.
2. 명령창에 /design을 입력하고 원하는 화면을 문장으로 설명한다. 예: 구독 요금제를 비교해서 보여주는 랜딩페이지 시안을 여러 개 만들어줘
3. 클로드가 편집 가능한 화면 시안을 여러 개 제시하면 그중 하나를 고른다.
4. 색상·배치·문구를 직접 조정하거나 말로 수정을 요청한다.
5. 마음에 드는 시안을 확정해 클로드에게 넘기면 실제로 동작하는 코드로 구현해준다.

다만 연구 프리뷰 단계라 계정이나 배포 상황에 따라 아직 보이지 않을 수 있다.