한줄 요약
AI 에이전트가 생성하는 UI의 디자인 품질을 높여 '슬롭(slop)'을 방지하는 프론트엔드 스킬 모음.
핵심 기능
디자인 감각 주입: 레이아웃, 타이포그래피, 모션, 간격 등 디자인 원칙을 에이전트에 지시하여 템플릿 같은 UI 대신 세련된 결과물 생성.
이미지 생성 스킬: 웹, 모바일, 브랜드 키트 등 참조 보드를 생성하는 스킬 포함.
설치 간편: npx skills add 명령어로 단일 스킬 또는 전체 설치 가능.
에이전트 호환: Codex, Cursor, Claude Code 등 주요 AI 코딩 도구와 연동.
언제 쓰나
AI가 생성한 UI가 지루하거나 템플릿처럼 보일 때.
프론트엔드 개발 시 디자인 감각을 자동으로 적용하고 싶을 때.
이미지 생성 도구로 참조 보드를 만든 후 코드 구현까지 이어가고 싶을 때.