Install
npx ui-skills start누구에게 맞나
당신이 Design Engineer이고 산문형 디자인 수필이 아니라 대리가 쓸 수 있는 화면 스킬 세트가 필요할 때 UI Skills를 쓴다. 저장소 구호는 Skills for Design Engineers. 추가 설명은
https://www.ui-skills.com/
전제: 이 기기에서 npx를 돌릴 수 있다. 처음에는 등기표를 둘러본다. 처음부터 get해 파일을 쓰지 말 것. 설명은 구체 클라이언트를 지명하지 않는다. 어떤 대리를 공식 전용으로 쓰지 말 것.
대리를 등기표에 잇는 MCP 통로도 있다. 둘째 길이다. CLI 첫 시도와 묶지 말고, 스킬이 보이기 전에 get하지 말 것.
3분 만에 첫 시도 끝내기
공식 페이지:
https://github.com/ibelick/ui-skills
권장은 CLI 읽기 전용 명령부터. 먼저 분류를 보고, 다음으로 예 분류 motion을 본다(스킬 파일은 가져가지 않음):
npx ui-skills start
npx ui-skills categories
npx ui-skills list --category motion
start는 공식 명령 묶음에 나온다. 대화 화면이 열리면 둘러보기만 하고 확인되지 않은 쓰기를 고르지 말 것. 관찰 가능한 성공 신호는 categories와 list --category motion: 분류 이름이 보이고 motion 아래 스킬 이름이 나온다.
어떤 스킬을 가져오겠다고 확인한 뒤 설명의 예는:
npx ui-skills get baseline-ui
이로 baseline-ui를 가져온다. 작업 영역에 파일을 더해도 되는지 확인한 뒤 실행하고, 새로 나온 내용을 열어 그 스킬과 대조한다. 다른 get 이름을 만들지 말 것.
명령이 실패하면 멈춘다. 나타나지 않은 설치기로 바꾸지 말 것.
사용 사례
사례 1: CLI로 본 뒤 스킬 하나 꺼내기. categories → list --category motion → 확인 후 get baseline-ui. 대조점: 이름이 공식 CLI에서 오고 꺼낸 것은 baseline-ui다. 설명에 착지 디렉터리는 없다. 경로를 보태지 말 것.
사례 2: MCP로 등기표 연결. 설명은 대리를 다음에 잇는다고 적는다
https://www.ui-skills.com/mcp
쓸 수 있는 도구는 list_skills와 get_skill다. 먼저 list_skills만 돌려 이름을 보고 확인한 뒤 get_skill. 보이는 글에 클라이언트 JSON이나 인증 필드는 없다. 연결이 안 되면 멈춘다. 증류한 UI 수업도
https://www.ui-skills.com/playbook
읽기 자료이며 세 번째 설치기가 아니다.
사용 경계
CLI 근거는 start, categories, list --category motion, get baseline-ui까지다. 다른 하위 명령이나 스킬 이름을 만들지 말 것.
MCP 근거는 위 주소와 list_skills / get_skill까지다. 다른 도구 이름을 보태지 말 것.
설명에 언어 범위, 가격, 클라이언트 명단, 착지 디렉터리는 없다. Playbook은 읽기 자료일 뿐이다. 근거 없는 항목은 모름으로 두고 설치기나 스킬 이름을 보태지 말 것.