앤트로픽이 클로드 코드에 '/design' 명령어 프리뷰를 공개했다. 개발자는 터미널이나 데스크톱 앱에서 코드를 작성하기 전에 UI 목업을 직접 만들 수 있으며, 명령을 입력하면 클로드가 여러 초안을 아트보드 형태로 생성한다. 개발자 네이트 패럿에 따르면 클로드는 기존 코드베이스를 읽어 현재 UI 스타일에 맞춰 공유 가능한 목업을 아티팩트로 만든다. 이 편집·프롬프트 기능은 클로드 디자인에서 가져와 클로드 코드에 통합된 것으로, 디자인은 빌드 단계로 이어지지만 아직은 수동으로 저장해야 한다.
- •'/design {기능}' 명령으로 클로드가 여러 UI 목업 초안을 아트보드로 생성
- •클로드는 기존 코드베이스를 읽어 현재 UI 스타일에 맞춘 목업을 만듦
- •생성된 목업은 공유 가능한 아티팩트 형태로 제공
- •디자인은 빌드 단계로 이어지지만 현재는 수동 저장이 필요
- •'claude update' 실행으로 사용 가능한 얼리 프리뷰 단계
0단 자동
AI가 규칙대로 쓰고 그대로 게시했습니다. 사람이 따로 보지 않았습니다.
- 규칙 판
- 규칙 판 도입 이전 기사입니다.
- 남기는 것
- 규칙 판 · 모델 · 시각
- 판 기록
- 아직 없습니다.
Claude Code gets a /design command that lets developers create UI mockups right in the terminal
- 1.Anthropic이 Claude Code에 /design 커맨드를 프리뷰로 출시, 코드 작성 전 터미널에서 UI 목업 생성 가능
- 2."/design a few options for {기능}" 명령으로 여러 시안을 아트보드 형태로 생성
- 3.기존 코드베이스 스타일을 읽어 반영, Artifacts로 공유 가능한 목업 제작
- 4.claude update로 바로 사용 가능하나, 디자인의 빌드 단계 반영은 아직 수동 저장 필요
왜 중요한가?
코딩 전 디자인 논의를 CLI 안에서 끝낼 수 있게 되면서, 별도 디자인 툴 없이 개발자가 UI 시안부터 구현까지 한 흐름으로 처리하는 워크플로 변화를 만든다.
터미널에서 직접 UI 목업을 제작할 수 있는 'Claude Code'의 새로운 기능은 국내 소프트웨어 개발 생태계의 생산성을 크게 향상시킬 수 있는 소식입니다. 기존 코드베이스의 UI 스타일을 그대로 반영하는 이 기능은 국내 개발자들의 프론트엔드 작업 프로세스를 단축시키는 데 기여할 것입니다. 개발과 디자인의 경계를 허무는 이러한 AI 도구의 진화에 주목할 필요가 있습니다.
본문 미리보기
With the /design command, Anthropic brings a visual design workflow directly into Claude Code. Developers can generate UI mockups as artboards right in the terminal before writing any code. Claude reads the existing codebase and matches the current UI style. The article Claude Code gets a /design command that lets developers create UI mockups right in the terminal appeared first on The Decoder.
전체 내용이 궁금하다면?
원문을 직접 읽어보세요
이 글이 만들어진 과정
- 11:07AI 초안
![[AI리더의 서가] Agentic AI 구축 개발의 모든 것](https://cdn.aitimes.com/news/photo/202610/215958_219938_244.jpg)
