AI가 만든 디자인이 자꾸 비슷하게 나온다면?
작업별로 살펴볼 GitHub 도구 10개를 정리했습니다.
공식 저장소와 README를 확인했습니다. 스킬뿐 아니라 MCP 연결 도구, 디자인 플랫폼, 영상 프레임워크도 포함돼 있어요.
🎨 웹·UI 디자인
① Impeccable
기존 화면의 타이포, 간격, 접근성 등을 점검하고 다듬는 디자인 스킬. 현재 문서 기준 24개 명령과 62개 자동 검사 규칙을 제공합니다.
https://t.co/Bdh91ZSe5Y
② UI UX Pro Max
프로젝트에 맞는 디자인 패턴·색상·폰트 등을 찾아 디자인 시스템을 구성하는 스킬. 화면을 만들기 전 방향을 잡을 때 살펴볼 만합니다.
https://t.co/dsnVAyRQmA
③ Penpot
UI 디자인·프로토타입·팀 협업을 위한 오픈소스 디자인 플랫폼. 공식 MCP 서버도 제공합니다. 설치형 스킬과는 종류가 달라요.
https://t.co/0nnD1udcUu
📊 설명 자료·다이어그램
④ Diagram Design
흐름도와 구조도 등 45종의 다이어그램을 HTML+SVG로 만드는 스킬. 브랜드 색상과 폰트를 반영할 수 있습니다.
https://t.co/fU5peQLVqh
🎬 영상·모션그래픽
⑤ Video Shotcraft
실제 웹페이지와 제품 화면을 캡처해 Remotion 기반 홍보 영상으로 구성하는 스킬. 샷 레시피와 편집 가능한 프로젝트를 제공합니다.
https://t.co/2zl6tw5ECW
⑥ HyperFrames
HTML·CSS·애니메이션을 MP4로 렌더링하는 프레임워크. AI 에이전트용 스킬도 제공하며, 타이포·정보 영상·오버레이 작업에 활용할 수 있습니다.
https://t.co/hZOkiyAE6o
⑦ Remotion
React로 영상과 모션그래픽을 제작하는 프레임워크. 공식 Agent Skills도 있습니다. 다만 일부 기업 이용에는 별도 라이선스가 필요하니 사용 조건을 확인하세요.
https://t.co/uHGxE8PHwL
⑧ Lemo-Opuscar
59가지 영상 스타일과 코드 기반 데모를 제공하는 도구 모음. Claude에 맞춰 튜닝됐으며, 다른 모델에서 같은 결과가 나오는지는 별도 확인이 필요합니다.
https://t.co/NkvJQe1uLs
🧊 3D 모델·장면 제작
⑨ MCP for Blender
AI 에이전트와 Blender를 연결해 오브젝트와 장면을 조작하는 커뮤니티 도구. Blender 설치와 연결 설정이 필요하며, Blender 재단의 공식 제품은 아닙니다.
https://t.co/6SW7KSntU0
⑩ img2threejs
참고 이미지의 물체를 절차적인 Three.js 코드로 재구성하는 스킬. 사진에서 정밀한 3D 메시를 추출하는 방식과는 구분해야 합니다.
https://t.co/uxHmXAA3OF
고르는 기준은 “몇 개 설치했나”보다 지금 만들 결과물입니다.
UI를 다듬을지, 제품을 영상으로 소개할지, 공간을 3D로 잡을지부터 정하면 필요한 도구가 좁혀집니다.
※ 2026.10.26 공식 문서 확인 기준. 전체 도구의 설치·실행 테스트를 마친 목록은 아닙니다.