코딩 어시스턴트에 검색 가능한 UI/UX 디자인 규칙, 스타일, 팔레트, 폰트 조합과 기술 스택별 가이드를 제공하는 AI 에이전트 스킬입니다.
14.6만+3.1천 이번 주1.6만PythonMIT업데이트 6시간 전
AI 코딩
AI 코딩 에이전트용 UI 디자인 스킬: 오픈소스 29개 (2026)
Claude Code, Codex, Cursor가 더 깔끔하고 뻔하지 않은 화면을 만들도록 돕는 스킬과 도구입니다.
- 프로젝트
- 29
- 이번 주
- +2.2만
- 업데이트
- 4시간 전
고르는 방법
먼저 해결할 일을 정하세요. 에이전트가 만드는 평범한 UI를 피하고 싶은지, 디자인 작업 공간이 필요한지, 기존 디자인의 스타일을 가져오고 싶은지에 따라 갈립니다. Nutlope/hallmark는 AI가 만든 티가 나지 않는 UI로 이끄는 스킬입니다. nexu-io/open-design은 브리프를 프로토타입, 덱, 이미지로 바꾸는 로컬 우선 작업 공간입니다. amaancoderx/npxskillui는 기존 사이트나 코드베이스의 디자인 시스템을 Claude Code가 읽을 수 있는 파일로 추출합니다.
상위 프로젝트 비교
| 프로젝트 | 스타 | 이번 주 | 라이선스 | 업데이트 |
|---|---|---|---|---|
| 14.6만 | +3.1천 | MIT | 6시간 전 | |
| 11.2만 | +4.7천 | MIT | 9시간 전 | |
| 10.6만 | +1.3천 | Apache-2.0 | 4시간 전 | |
| 5만 | +6.4천 | MIT | 그저께 | |
| 2.9만 | +639 | MIT | 4일 전 | |
| 1.5만 | +1.7천 | MIT | 6일 전 |
전체 프로젝트
코딩 에이전트가 아트 디렉션과 실제 사진, 브라우저 자체 점검으로 개성 있는 프런트엔드를 만들도록 돕는 Agent Skills입니다.
11.2만+4.7천 이번 주7.5천JavaScriptMIT활발히 관리됨업데이트 9시간 전
자체 코딩 에이전트로 기획안을 프로토타입·덱·대시보드·이미지·영상으로 만드는 로컬 우선 오픈소스 AI 디자인 워크스페이스
10.6만+1.3천 이번 주1.2만TypeScriptApache-2.0업데이트 4시간 전
Claude Code, Cursor, Codex용 디자인 스킬로, AI 코딩 에이전트가 AI가 만든 듯한 티가 나지 않는 UI를 구현하도록 돕습니다.
5만+6.4천 이번 주2.7천CSSMIT업데이트 그저께
텍스트 프롬프트를 프로토타입, 슬라이드 덱, 애니메이션, 인포그래픽으로 만드는 AI 코딩 에이전트용 HTML 네이티브 디자인 스킬입니다.
2.9만+639 이번 주3.1천HTMLMIT업데이트 4일 전
Claude Code, Cursor, Codex 같은 AI 코딩 도구를 위한 독립형 디자인 스킬 파일 모음으로, 랜딩 페이지 스킬부터 시작합니다.
1.5만+1.7천 이번 주1.1천MIT업데이트 6일 전
Claude Code, Cursor, Codex 및 유사한 AI 코딩 에이전트용 Skill 6종 모음으로, 웹 디자인, 동영상, 이미지, 기사 작성, 로컬 지식 검색을 지원합니다.
1.5만+540 이번 주1.7천JavaScriptMIT업데이트 13일 전
AI 코딩 에이전트가 뻔한 UI, 마케팅 문구, AI 티가 나는 코드 주석을 만들지 않도록 하는 규칙과 스킬입니다.
8.6천+834 이번 주577JavaScriptMIT활발히 관리됨업데이트 그저께
Cursor, Claude Code 등의 에이전트에서 Claude Design을 로컬로 실행해 독립 실행형 HTML 목업, 프로토타입, 프레젠테이션을 만드는 Agent Skill입니다.
6.2천+551 이번 주482JavaScriptMIT활발히 관리됨업데이트 어제
매출 상위 앱의 디자인을 참고해 AI 코딩 에이전트가 네이티브 수준의 Expo / React Native 모바일 화면을 만들도록 안내하는 에이전트 스킬입니다.
5천+145 이번 주250MIT업데이트 2개월 전
Claude Code와 Gemini CLI에서 사용할 수 있는 에이전트용 디자인 스킬 273개와 슬래시 명령 76개 모음으로, 리서치부터 시스템, UI, 인터랙션, 전달까지 다룹니다.
3.3천+105 이번 주434MarkdownMIT업데이트 2개월 전
Claude를 비롯한 코딩 에이전트를 UX/UI 디자인 전문가로 만들어 주는 순수 지침·지식 키트로, DTCG 토큰, 컴포넌트 명세, 138개 디자인 시스템, 52개의 객관적 검증 항목을 제공합니다.
3.1천+67 이번 주301JavaScriptMIT업데이트 11일 전
여러 디자인 방향을 비교하고 실제 스크린샷을 바탕으로 다듬는 AI 에이전트용 인터페이스 디자인 스킬입니다.
2.9천+357 이번 주166PythonMIT활발히 관리됨업데이트 4시간 전
웹사이트, Git 저장소 또는 로컬 코드베이스의 디자인 시스템을 추출해 Claude Code가 참고할 파일로 저장하는 CLI
2.5천+17 이번 주257TypeScript라이선스 없음업데이트 6개월 전
AI 코딩 도구에 UI 제작을 위한 디자인 시스템과 레이아웃 가이드를 제공하는 CLI 및 MCP 연동 디자인 스킬·UI 프롬프트 라이브러리입니다.
2.2천+28 이번 주154TypeScriptOther업데이트 16일 전
참고 UI에서 시각적 디자인 정체성을 추출해 구조화된 Design DNA JSON으로 만들고, 이를 바탕으로 어울리는 UI를 생성하는 에이전트 스킬입니다.
2.1천+31 이번 주113JavaScriptMIT업데이트 2개월 전
코딩 에이전트가 Figma 디자인을 코드로 바꾸고 캔버스에 다시 반영하는 무료 양방향 Figma MCP 서버
1.3천+92 이번 주79TypeScriptMIT활발히 관리됨업데이트 3시간 전
한 줄 브리프만으로 수상작 스타일의 웹사이트를 만드는 AI 코딩 에이전트용 스킬과 사이트 평가용 /jury 스킬
1.2천+160 이번 주53JavaScriptMIT활발히 관리됨업데이트 12일 전
API 키 없이 AI assistant가 로컬 Figma Desktop 앱에서 실제로 편집 가능한 디자인을 만들고 수정할 수 있게 해주는 CLI입니다.
1.1천+13 이번 주132JavaScriptMIT활발히 관리됨업데이트 17일 전
별도의 데스크톱 앱 없이 GitHub Copilot, Claude Code, Codex 또는 Cursor에서 포스터, 소셜 게시물, 슬라이드와 랜딩 페이지를 디자인하세요.
1천+17 이번 주103HTMLMIT업데이트 17시간 전
Claude Code와 Cursor 같은 코딩 에이전트에 디자인 감각을 더해 UI, 슬라이드 덱, 그래픽을 생성하고 반복 개선할 수 있는 에이전트 스킬입니다.
959+32 이번 주75JavaScriptMIT업데이트 3개월 전
Claude Code 및 유사한 클라이언트에서 AI가 생성하는 UI가 흔한 템플릿에서 벗어나도록 돕는, 시각적 방향 선택 기능과 실제 사이트 디자인 시스템 레퍼런스 58개를 제공하는 주관이 뚜렷한 Agent Skill입니다.
675+7 이번 주50JavaScriptMIT업데이트 26일 전
AI 에이전트가 개성 있고 유쾌한 앱 아이콘을 디자인하고 생성·개선·검토하도록 안내하는 텍스트 전용 오픈 Agent Skill입니다.
613+436 이번 주23라이선스 없음업데이트 3개월 전
코딩 에이전트에 디자인 시스템, UI/UX 가이드, 아이콘, 접근성 검수 규칙을 제공하는 MCP 서버이자 shadcn/ui 레지스트리입니다.
560+15 이번 주34TypeScriptMIT업데이트 13일 전
AI 코딩 에이전트가 흔한 AI 느낌의 인터페이스 대신 세련되고 프로덕션 품질에 맞는 UI를 만들도록 돕는 에이전트 스킬 및 CLI입니다.
438+3 이번 주23GoMIT업데이트 어제
스크린샷 QA를 통해 깔끔하고 정보 왜곡 없는 대시보드 UI를 만들고, 개선하고, 평가하도록 코딩 에이전트를 안내하는 Claude Code skill입니다.
405+182 이번 주21MIT업데이트 12시간 전
Claude Code, Codex, Cursor, opencode가 더 개성 있고 의도적으로 설계된 UI를 만들도록 유도하는 오픈소스 에이전트 스킬 24종 모음입니다.
218+9 이번 주14JavaScriptMIT업데이트 3개월 전
코딩 에이전트가 UI를 만들고, 재설계하고, 검토하도록 안내하는 UI/UX 디자인 스킬과 실행 중인 페이지의 접근성 및 레이아웃 문제를 점검하는 CLI입니다.
911JavaScriptMIT활발히 관리됨업데이트 어제
Figma 디자인을 코드베이스로, 코드 상태를 다시 Figma로 옮기는 Claude Code 스킬과 스타일 시스템 거버넌스 스킬입니다.
582TypeScriptMIT업데이트 3개월 전
자주 묻는 질문
- 프로젝트는 어떻게 선정되나요?
- Repolode에 등록되는 모든 프로젝트는 품질 검사를 통과합니다. 지금 바로 쓸 수 있고, 구체적인 문제를 해결하며, 단순한 래퍼가 아니고, 계속 유지보수되어야 합니다. 이 페이지는 등록된 프로젝트를 주제별로 묶어 GitHub 스타 순으로 보여 줍니다.
- 여기서 가장 인기 있는 프로젝트는?
- GitHub 스타 14.6만개의 nextlevelbuilder/ui-ux-pro-max-skill입니다. 선택하기 전에 각 프로젝트의 라이선스와 최근 커밋을 확인하세요.