AI 요약
최근 AI 코딩 도구의 확장 기능을 제공하는 skills.sh에서 가장 인기가 높은 상위 10개 스킬이 총 설치 수 10만 건을 넘어섰습니다. 이번 분석은 개발자 전용 스킬 7개와 디자인, 운영, 기획자도 사용할 수 있는 범용 스킬 3개를 직접 설치하여 테스트한 결과를 담고 있습니다. 주요 내용으로 Anthropic이 배포한 'frontend-design'과 Vercel Labs의 'agent-browser' 등이 실질적인 작업 효율을 높여주는 것으로 확인되었습니다. 특히 최신 Mac용 Cursor(2.5.0) 버전에서 전역 스킬 디렉토리가 변경됨에 따라 발생하는 설치 오류를 해결하기 위한 심볼릭 링크 설정 명령어(ln -s) 등 기술적 가이드도 함께 제공합니다. 이 스킬들은 단순한 지식 베이스를 넘어 브라우저 자동 제어, SEO 진단, 코드 성능 최적화 등 AI의 기능을 물리적인 실행 영역으로 확장시키고 있습니다.
핵심 인사이트
- 누적 설치 10만 돌파: Top 10 스킬의 총 설치 수가 10만 건을 넘었으며, 'frontend-design'이 45,500건 이상, 'vercel-react-best-practices'가 37,600건 이상을 기록하며 압도적 인기를 증명했습니다.
- 직군별 분포: 상위 10개 중 7개는 개발자 전용(React, Expo, Auth 등)이며, 나머지 3개는 디자인, 마케팅, 운영 등 비개발 직군도 활용 가능한 범용 도구로 구성되었습니다.
- 커서(Cursor) 호환성 이슈: 최신 Mac 버전 Cursor(2.5.0)는 스킬 읽기 경로가
~/.cursor/skills-cursor로 변경되었으므로, 기존skills디렉토리와 연결하는 수동 설정이 필수적입니다.
주요 디테일
- 디자인 최적화 (frontend-design): Anthropic 공식 스킬로, Inter/Roboto 같은 흔한 폰트나 보라색 그라데이션 등 '형식적인 AI 스타일'을 지양하고 개성 있는 폰트와 절제된 동적 효과를 권장하여 디자인 완성도를 높여줍니다.
- 브라우저 자동화 (agent-browser): Vercel Labs에서 제공하는 이 도구는 Claude가 직접 브라우저를 열고 버튼 클릭, 폼 입력, 스크린샷 캡처 등을 수행하게 하며, 실제 테스트에서 5개 플랫폼의 데이터 조회를 자동 수행했습니다.
- 성능 개선 실증: 'vercel-react-best-practices' 스킬을 'AI 등대 네비게이션(AI灯塔导航)' 프로젝트에 적용한 결과, 리렌더링 최적화 및 이벤트 리스너 관리 등 구체적인 성능 개선안 10여 가지를 도출했습니다.
- 보안 및 인증 (better-auth-best-practices): 2,300건 이상 설치된 이 스킬은 JWT 만료 처리, CSRF 방어, OAuth 흐름 등 까다로운 로그인 시스템 구축의 '지뢰밭'을 피할 수 있는 가이드를 제공합니다.
- SEO 및 운영 (seo-audit): 13,000건 이상 설치되었으며, 구글 크롤러 접근성 및 사이트 속도 등 운영 관점의 필수 체크리스트를 AI가 직접 검토해 줍니다.
향후 전망
- 에이전트 기능의 강화: 단순 코드 생성을 넘어 'agent-browser'와 같이 AI가 직접 웹 환경을 조작하고 업무를 완수하는 실행형 스킬의 비중이 더욱 확대될 것으로 보입니다.
- 상향 평준화된 디자인: 'frontend-design'과 같은 스킬의 확산으로 인해 1인 개발자나 소규모 팀이 제작하는 결과물의 UI/UX 품질이 전문가 수준으로 상향 평준화될 것입니다.
출처:juejin