Repolode
ibelick

ibelick/ui-skills

CLI와 MCP 서버로 둘러볼 수 있는, 에이전트가 활용하기 좋은 UI 및 디자인 엔지니어링 스킬 레지스트리입니다.

스타
10,761
포크
513
열린 이슈
22
마지막 커밋
5시간 전

어떤 프로젝트인가요?

UI Skills는 디자인 엔지니어를 위한 재사용 가능한 스킬 레지스트리로, 모션 등의 카테고리로 분류된 UI 관련 주제를 다룹니다. 각 스킬은 이름으로 목록을 확인하고 가져올 수 있어, 개발자와 AI 에이전트가 필요한 UI 지침을 워크플로에 적용할 수 있습니다.

이 프로젝트는 카테고리를 둘러보고, 카테고리별 스킬을 확인하고, baseline-ui 같은 개별 스킬을 가져올 수 있는 CLI를 제공합니다. 또한 list_skills와 get_skill 도구를 갖춘 Model Context Protocol 엔드포인트를 통해 레지스트리를 공개하므로 에이전트가 직접 조회할 수 있습니다.

레지스트리와 함께 디자인 엔지니어링 스킬에서 핵심 UI 교훈을 추린 플레이북도 제공합니다. 코드베이스는 TypeScript로 작성되었으며 MIT 라이선스로 배포됩니다.

핵심 기능

  • 01npx ui-skills를 사용해 터미널에서 스킬 카테고리를 둘러보고 목록을 확인합니다.
  • 02baseline-ui 같은 개별 스킬을 이름으로 가져옵니다.
  • 03MCP 엔드포인트를 통해 AI 에이전트를 레지스트리에 연결합니다.
  • 04프로그래밍 방식으로 접근할 수 있는 list_skills 및 get_skill 도구를 제공합니다.
  • 05핵심 UI 교훈을 추린 플레이북을 포함합니다.

활용 사례

  • 코딩 에이전트에 완성도 높은 UI 컴포넌트 제작을 위한 참고 지침을 제공합니다.
  • 명령줄에서 모션이나 기타 UI 관련 스킬을 찾아봅니다.
  • 디자인 엔지니어링 프로젝트를 시작하기 전에 핵심 UI 교훈을 살펴봅니다.

빠른 시작

  1. 1

    터미널에서 사용 가능한 스킬을 둘러보세요

    npx ui-skills start
  2. 2

    스킬 카테고리를 나열하세요

    npx ui-skills categories
  3. 3

    특정 스킬을 가져오세요

    npx ui-skills get baseline-ui

포함된 컬렉션

토픽

자주 묻는 질문

ui-skills은(는) 무엇인가요?
CLI와 MCP 서버로 둘러볼 수 있는, 에이전트가 활용하기 좋은 UI 및 디자인 엔지니어링 스킬 레지스트리입니다. UI Skills는 디자인 엔지니어를 위한 재사용 가능한 스킬 레지스트리로, 모션 등의 카테고리로 분류된 UI 관련 주제를 다룹니다. 각 스킬은 이름으로 목록을 확인하고 가져올 수 있어, 개발자와 AI 에이전트가 필요한 UI 지침을 워크플로에 적용할 수 있습니다.
ui-skills은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
ui-skills은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
ui-skills은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. ui-skills의 마지막 커밋은 2026년 11월 7일입니다.
ui-skills은(는) 어디에 사용할 수 있나요?
코딩 에이전트에 완성도 높은 UI 컴포넌트 제작을 위한 참고 지침을 제공합니다. 명령줄에서 모션이나 기타 UI 관련 스킬을 찾아봅니다. 디자인 엔지니어링 프로젝트를 시작하기 전에 핵심 UI 교훈을 살펴봅니다.
ui-skills는 어떻게 설치하나요?
터미널에서 사용 가능한 스킬을 둘러보세요: npx ui-skills start 스킬 카테고리를 나열하세요: npx ui-skills categories 특정 스킬을 가져오세요: npx ui-skills get baseline-ui
ui-skills은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/ibelick/ui-skills

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

관련 프로젝트