ONEDEV

designer-skills

owl-listener파일 205개

★ 2,865주당 +66조회 6

무엇인가

designer-skills는 AI 코딩 에이전트에 디자인 실무 지식과 작업 절차를 주입하는 플러그인 묶음이다. 리서치, UX 전략, UI 설계, 인터랙션, 디자인 시스템, 비주얼 크리틱, 프로토타이핑·테스트, 디자인 운영(핸드오프) 영역을 규율한다. 구성 요소는 두 층으로 나뉜다. 스킬은 도메인 지식 단위(명사)로 페르소나 작성법, 디자인 토큰 정의법, 유도 질문을 피하는 인터뷰 문항 작성법 같은 내용을 담고, 명령은 스킬을 연결한 워크플로(동사)로 완결된 작업을 실행한다.

어떻게 동작하나

스킬은 SKILL.md 형식의 지식 단위로 저장되고, 명령은 슬래시 명령으로 노출된다. `/design-research:discover`는 페르소나·공감 지도·여정 지도를 한 번에 실행하고, `/visual-critique:critique-screen`은 스크린샷을 입력받아 계층·브랜드 일관성·구도·타이포그래피 기준의 우선순위 수정 목록을 낸다. 라우터 `/designer-toolkit:start-here`는 작업 내용을 듣고 현재 단계를 판정해 지금 실행할 명령 하나와 뒤따를 명령 두 개, 건너뛸 항목을 제시한다. 마켓플레이스에 등록하면 플러그인 단위로 설치되고, Gemini CLI에서는 `.gemini/extensions` 디렉터리로 복사해 확장으로 로드된다.

무엇과 다른가

프롬프트를 매번 직접 작성하는 방식과 달리 규칙이 파일로 고정되어 세션 간에 재사용된다. 단일 CLAUDE.md·AGENTS.md 규칙 파일과 달리 플러그인·컬렉션 단위로 필요한 것만 선택 설치할 수 있고, 지식(스킬)과 절차(명령)가 분리되어 있다. 사용자는 주로 명령을 호출하고 스킬은 그 아래에서 실행되므로, 개별 스킬 이름을 외우지 않아도 워크플로가 성립한다.

어떻게 쓰나

Claude Code에서 `/plugin marketplace add Owl-Listener/designer-skills`로 마켓플레이스를 등록한 뒤 `/plugin`을 실행하고 Discover 탭에서 필요한 컬렉션을 골라 설치한다. 개별 설치는 `/plugin install ux-strategy@designer-skills` 형식을 쓴다. 컬렉션별 저장소를 직접 등록할 수도 있다. 첫 사용 시 `/designer-toolkit:start-here`로 시작점을 확인하는 것이 권장 경로다.

전제와 한계

Claude Code와 Gemini CLI에서 동작한다. 전체는 273개 스킬·76개 명령·33개 플러그인, 다섯 컬렉션으로 구성되며 이 저장소는 design practice 컬렉션(111개 스킬·34개 명령·9개 플러그인)을 담고 나머지 네 컬렉션은 별도 저장소에서 마켓플레이스로 끌어온다. 다루는 범위는 일반 디자인이며, AI 제품 경험 설계는 별도 컬렉션(ai-design-skills)을 추가로 등록해야 한다. 마켓플레이스 등록만으로는 스킬이 활성화되지 않고 플러그인 설치가 별도로 필요하다.

관련 논문 1

유사 스킬