Repolode
제출하기
Owl-Listener

Owl-Listener/designer-skills

Claude Code와 Gemini CLI에서 사용할 수 있는 에이전트용 디자인 스킬 273개와 슬래시 명령 76개 모음으로, 리서치부터 시스템, UI, 인터랙션, 전달까지 다룹니다.

GitHub에서 보기
스타
2,997
포크
413
열린 이슈
3
마지막 커밋
2개월 전

어떤 프로젝트인가요?

Designer Skills Pack은 AI 코딩 에이전트가 불러와 적용할 수 있도록 디자인 지식을 스킬과 슬래시 명령으로 구성한 모음입니다. 스킬은 페르소나 구축, 디자인 토큰 정의, 유도 질문을 피하는 인터뷰 질문 작성 같은 디자인 주제를 설명하고, 명령은 여러 스킬을 연결해 디스커버리 사이클, 사용성 조사 계획, 개발자 핸드오프 패키지 같은 완성된 결과물을 만듭니다.

이 저장소의 디자인 실무 컬렉션은 design-research, design-systems, ux-strategy, ui-design, interaction-design, prototyping-testing, design-ops, designer-toolkit, visual-critique의 9개 플러그인으로 구성됩니다. AI 제품 디자인, UX 프로그램 관리, 디자인 리더십, 포용적 디자인을 다루는 컬렉션 4개는 별도 저장소에서 제공되며, 동일한 마켓플레이스를 통해 설치할 수 있습니다.

Claude Code의 플러그인 마켓플레이스 명령으로 설치한 다음 Discover 탭에서 개별 플러그인을 선택할 수 있습니다. 각 플러그인은 Gemini CLI 확장 프로그램으로도 제공됩니다. /start-here 명령은 현재 작업 단계에 맞는 경로로 사용자를 안내합니다.

핵심 기능

  • 01사용자 리서치부터 시스템, UI, 인터랙션, 전달까지 전체 디자인 사이클을 다룹니다.
  • 02여러 스킬을 연결해 완성된 결과물을 만드는 슬래시 명령 76개를 제공합니다.
  • 03Claude Code 플러그인 마켓플레이스와 Gemini CLI 확장 프로그램으로 사용할 수 있습니다.
  • 04어디서 시작할지 제안하는 /start-here 라우터가 포함되어 있습니다.
  • 05전체 제품군 대신 개별 플러그인만 설치할 수 있습니다.

활용 사례

  • 신제품을 위한 페르소나, 공감 지도, 사용자 여정 지도로 디스커버리 사이클을 진행합니다.
  • 리디자인에 앞서 기존 화면의 시각적 위계와 타이포그래피 문제를 점검합니다.
  • 명세, 상태, QA 체크리스트를 포함한 개발자 핸드오프 패키지를 준비합니다.
  • 사용자 리서치를 위한 사용성 테스트 계획이나 인터뷰 스크립트를 작성합니다.

빠른 시작

  1. 1

    claude.com에서 Claude Code를 다운로드하고 로그인합니다

  2. 2

    Claude Code에 스킬 마켓플레이스를 추가합니다

    /plugin marketplace add Owl-Listener/designer-skills
  3. 3

    /plugin을 입력하고 Discover 탭을 연 다음 원하는 컬렉션을 설치합니다

  4. 4

    ux-strategy와 같이 이름으로 플러그인 하나를 설치합니다

    /plugin install ux-strategy@designer-skills

사용 전 알아둘 점

  • 스킬은 Claude Code 또는 Gemini CLI와 같은 AI 코딩 어시스턴트에서 실행되므로, 이 중 하나가 필요합니다.

토픽

#agentic-ai#claude-code#design-system#ux-design#prompt-engineering#ui-design#user-research#agentic#ai#ai-tools

자주 묻는 질문

designer-skills은(는) 무엇인가요?
Claude Code와 Gemini CLI에서 사용할 수 있는 에이전트용 디자인 스킬 273개와 슬래시 명령 76개 모음으로, 리서치부터 시스템, UI, 인터랙션, 전달까지 다룹니다. Designer Skills Pack은 AI 코딩 에이전트가 불러와 적용할 수 있도록 디자인 지식을 스킬과 슬래시 명령으로 구성한 모음입니다. 스킬은 페르소나 구축, 디자인 토큰 정의, 유도 질문을 피하는 인터뷰 질문 작성 같은 디자인 주제를 설명하고, 명령은 여러 스킬을 연결해 디스커버리 사이클, 사용성 조사 계획, 개발자 핸드오프 패키지 같은 완성된 결과물을 만듭니다.
designer-skills은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
designer-skills은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
designer-skills은(는) 아직 유지보수되고 있나요?
6개월 이내 업데이트. designer-skills의 마지막 커밋은 2026년 9월 5일입니다.
designer-skills은(는) 어디에 사용할 수 있나요?
신제품을 위한 페르소나, 공감 지도, 사용자 여정 지도로 디스커버리 사이클을 진행합니다. 리디자인에 앞서 기존 화면의 시각적 위계와 타이포그래피 문제를 점검합니다. 명세, 상태, QA 체크리스트를 포함한 개발자 핸드오프 패키지를 준비합니다. 사용자 리서치를 위한 사용성 테스트 계획이나 인터뷰 스크립트를 작성합니다.
designer-skills는 어떻게 설치하나요?
claude.com에서 Claude Code를 다운로드하고 로그인합니다 Claude Code에 스킬 마켓플레이스를 추가합니다: /plugin marketplace add Owl-Listener/designer-skills /plugin을 입력하고 Discover 탭을 연 다음 원하는 컬렉션을 설치합니다 ux-strategy와 같이 이름으로 플러그인 하나를 설치합니다: /plugin install ux-strategy@designer-skills
designer-skills은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/Owl-Listener/designer-skills

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트