AI 코딩 도구에 UI 제작을 위한 디자인 시스템과 레이아웃 가이드를 제공하는 CLI 및 MCP 연동 디자인 스킬·UI 프롬프트 라이브러리입니다.
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
터미널에서 사용 가능한 스킬을 둘러보세요
npx ui-skills start - 2
스킬 카테고리를 나열하세요
npx ui-skills categories - 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 통계는 매일 갱신됩니다.
관련 프로젝트
키보드 단축키와 여러 키로 이루어진 시퀀스를 핸들러 함수에 연결하는 브라우저용 경량 키 바인딩 라이브러리입니다.
웹, 서버, 네이티브 플랫폼에서 사용할 수 있으며 조합 가능한 컴포넌트로 인터랙티브 UI를 만드는 JavaScript 라이브러리입니다.
React, Vue, Angular, Svelte 등을 지원하며 UI 컴포넌트를 격리된 환경에서 만들고 문서화하고 테스트하는 프런트엔드 워크숍입니다.
선언형 웹 컴포넌트를 효율적인 JavaScript로 컴파일해 DOM을 필요한 부분만 직접 업데이트하는 프레임워크입니다.
Go만으로 선언형 컴포넌트 기반 UI를 작성해 WebAssembly로 프로그레시브 웹 앱을 만드는 Go 패키지입니다.