플러그인·모드중급공식
슈퍼디자인
Superdesign
내 코드의 디자인 시스템을 읽고, 무한 캔버스에서 화면 시안을 여러 갈래로 만들어 다듬어요. 발표 자료와 그래픽도 만들어요.
- 난이도
- 중급 · 계정 로그인이나 간단한 설정이 조금 필요해요.
- 쓰는 곳
- 클로드 코드
- 만든 곳
- Superdesign (공식)
설치하기
- 1클로드 코드가 없다면 먼저 설치해요.
- 2명령을 복사해요.클로드 코드 입력창에 붙여넣기
/plugin install superdesign@claude-plugins-official - 3붙여넣고 Enter를 눌러요.클로드 코드를 켠 뒤, 대화 입력창에 붙여넣고 Enter를 누르세요.
- 4설치 끝! 이제 평소처럼 말로 일을 시키면 돼요.
할 수 있는 일
- 기존 코드를 읽고 디자인 시스템 정리
- 참고 스타일을 모아 디자인 방향 잡기
- 화면 시안을 여러 갈래로 만들고 고르기
- 발표 자료 목차와 그래픽 만들기
준비물
이 스킬이 쓰는 명령줄 도구도 설치하고 로그인해야 해요.
npm install -g @superdesign/cli@latest
superdesign login
알아 둘 점
설치하면 /superdesign:superdesign으로 불러요. 클로드 코드에서는 플러그인으로만 설치하고 npx skills add는 따로 하지 마세요. 같은 스킬이 두 번 깔려요.
공식 마켓플레이스(claude-plugins-official)는 클로드 코드를 처음 켤 때 자동으로 등록돼서 설치 명령 한 줄이면 돼요.