무료 · 설치 한 줄

아직도 AI 티 나는 웹디자인이
나오나요?

클로드에 무료 디자인 스킬 3종을 깔면 결과가 달라집니다. 릴스에서 소개한 그 3종을, 원저자 저장소에서 그대로 깝니다.

설치는 한 줄입니다

가장 확실한 방법맨 앞에 ! 를 붙여 보내세요
!npx --yes reborn-design-skills

! 까지 함께 복사하세요. 그 한 글자가 클로드를 거치지 않고 곧장 실행시킵니다.
휴대폰이나 인터넷 창의 클로드에서는 안 됩니다. 거기는 인터넷 저쪽에 있는 남의 컴퓨터라, 깔려도 내 컴퓨터에는 아무것도 안 생깁니다.

말로 해도 됩니다다만 거절당할 수 있습니다
reborn-design-skills 설치해줘

이렇게도 됩니다. 다만 클로드가 처음 보는 설치기라 거절할 때가 있습니다. 그러면 위의 ! 를 쓰세요 — 고장이 아니고, 조심하는 게 맞습니다.

터미널로클로드 코드가 안 켜져 있다면
$npx --yes reborn-design-skills

평소 클로드 코드를 쓰는 폴더에서 붙여넣으세요. 여기서는 !뺍니다.
까만 창 여는 법 — 윈도우는 윈도우키를 누르고 cmd 라고 친 다음 엔터, 맥은 command+스페이스 를 누르고 터미널 이라고 친 다음 엔터.

1

둘 중 하나로 실행

말로 하시든 터미널에 붙여넣으시든 결과는 같습니다. 위쪽이 더 빠릅니다.

2

클로드 코드 재시작

깔린 스킬은 껐다 켜야 잡힙니다. 이 단계를 건너뛰면 안 깔린 것처럼 보입니다.

3

그냥 시켜 보기

○○ 랜딩페이지 만들어줘. 스킬이 안 뜨는 것 같으면 이름을 부르세요. /impeccable audit

깔았다고 「됐다」고 하지 않습니다.

설치 명령이 통과해도 폴더가 안 생기는 경우가 있습니다. 그래서 명령이 끝난 뒤 폴더가 실제로 생겼는지 다시 봅니다. 그리고 이번에 깐 것원래 다른 자리에 있던 것을 나눠 셉니다. 이미 깔려 있던 분께 「3/3 됐습니다」라고 말하지 않기 위해서입니다.

깔리는 것, 정확히 3개

역할이 안 겹칩니다. 하나만 깔면 나머지 자리가 빈 채로 결과가 나옵니다.

EM

emil-design-eng

움직임 · 곡선 · 속도 · 이징

애니메이션을 어떻게 움직여야 맞는지를 클로드에게 가르칩니다. UI 애니메이션 300ms 이하, CSS 기본 이징 금지 같은 구체적인 규칙이 들어 있습니다.

emilkowalski/skills MIT
저장소 →
IM

impeccable

형태 · 레이아웃 · 타이포그래피 · 간격

명령 23개가 붙습니다. audit · critique · polish · layout · typeset · animate 같은 것들입니다. 만든 뒤 지적받고 고치는 고리가 여기서 나옵니다.

pbakaus/impeccable Apache-2.0
저장소 →
TA

design-taste-frontend

방향 · 뻔한 결과물 차단

AI가 흔해빠진 템플릿을 내놓지 못하게 막습니다. 보라 그라데이션 · 3등분 카드 · 중앙정렬 히어로 같은 기본값을 걷어냅니다. 랜딩 · 포트폴리오 · 리디자인 전용입니다.

Leonxlnx/taste-skill MIT
저장소 →
셋 다 남이 만든 오픈소스입니다. 리본랩스가 만든 것이 아닙니다.

후원도 제휴도 없습니다. 저희가 한 일은 세 저장소에서 받아오는 걸 한 줄로 묶은 것과 한국어 사용법을 쓴 것뿐입니다. 고맙다는 말은 위 저장소에 별을 눌러 전해 주세요.

왜 「딱 3개」인가

저장소를 통째로 깔면 이만큼 따라 들어옵니다. 실제로 세어 본 값입니다.

저장소통째로 깔면영상이 말한 건이 설치기는
Leonxlnx/taste-skill13개1개1개
emilkowalski/skills12개1개1개
pbakaus/impeccable1개1개1개
더 주는 게 아니라 「약속과 다른 것」이 됩니다.

깔았더니 스킬 20개가 들어와 있으면 뭘 깐 건지 모르게 됩니다. 그래서 --skill하나씩 지정해서 깝니다. 나머지도 보고 싶으시면 위 저장소에서 직접 받으시면 됩니다.

우리는 복사하지 않습니다

설치기는 각 저장소의 공식 설치 명령을 그대로 부릅니다. 그래서 이렇게 됩니다.

항상 최신

원저자가 고치면 당신 것도 최신입니다. 우리가 싼 사본이 낡을 일이 없습니다.

라이선스 그대로

MIT · Apache-2.0 이 원저자에게 남습니다. 우리가 짊어지지 않습니다.

재배포가 아님

우리가 파는 건 코드가 아니라 한 줄로 끝나는 것입니다.

+ 추가 서비스 (선택)

기본 설치에는 스킬 3종만 들어갑니다. 아래는 리본랩스가 따로 쓴 것들이고, 원하실 때만 받으시면 됩니다.

클로드 코드에게말로 받기
reborn-design-skills 추가서비스까지 설치해줘
터미널로직접 실행
$npx --yes reborn-design-skills --extras
A

한국어 사용법

셋을 어떤 순서로 부리는지, 스킬이 안 뜰 때 어떻게 하는지, 결과가 여전히 뻔할 때 무엇을 고치는지.

B

MCP 연결 가이드

피그마 · 플레이라이트를 붙여 디자인 → 구축 → 확인을 한 번에 끝냅니다. 플레이라이트만 붙여도 클로드가 자기가 만든 화면을 직접 보고 고칩니다.

화면은 이제 잘 나옵니다. 그다음은?

남는 질문은 대개 하나입니다. 「누가 매일 올리지?」
만드는 것과 사람 없이 매일 내보내는 것은 다른 일입니다. 예약 실행 · 실패 회복 · 채널 규격 · 중복 차단 · 발행 전 검수가 필요해집니다.

리본랩스 클로드킷 보기 →
이 디자인 스킬 3종은 무료입니다. 안 사셔도 기능 제한도 사용 기한도 없습니다.

다른 무료 설치기도 있습니다