GitHub에서 400개 넘게 받은 모바일 앱 디자인 Agent Skill입니다.
`design-mobile-apps`
Codex나 Claude Code에게
“피트니스 앱 만들어줘”
“이 화면에 가격표 추가해줘”
처럼 말하면
Sleek를 통해 실제 모바일 UI 화면을 만들어줍니다.
현재 공식 설치 경로는 이쪽입니다.
npx skills add sleekdotdesign/agent-skills -s sleek-design-mobile-apps
[댓글 @vibe.itji]
1/ 단순히 디자인 아이디어만 알려주는 Skill은 아닙니다.
프로젝트 생성
→ 자연어로 화면 요청
→ 실제 UI 렌더링
→ 스크린샷 확인
→ 특정 화면 수정
까지 Agent가 Sleek API를 직접 호출해서 처리합니다.
만든 화면은 HTML 코드까지 가져올 수 있습니다.
[댓글 @vibe.itji]
2/ 더 실용적인 건 디자인을 코드로 넘길 때입니다.
Sleek가 만든 화면에서
레이아웃
색상
간격
폰트
아이콘
정보를 가져와서
HTML뿐 아니라 React Native나 SwiftUI 구현의 기준으로 쓸 수 있습니다.
즉 “예쁜 화면 하나 생성”에서 끝나는 게 아니라
실제 앱 구현까지 이어지게 만든 Skill입니다.
[댓글 @vibe.itji]
3/ 다만 완전 무료 Skill은 아닙니다.
처음에는 무료 체험 크레딧으로 약 1회 정도 테스트할 수 있지만,
지속적으로 API를 쓰려면 Sleek Pro 이상이 필요합니다.
현재 안내 가격은
월 $49.99,
연간 결제는 월 $30 수준입니다.
그래도 앱 디자인을
Figma에서 처음부터 직접 만드는 대신
아이디어 → UI → 코드
흐름으로 바로 연결하고 싶은 사람은 한번 써볼 만합니다.