<aside> 🤖 클로드에게 디자인을 맡기면 매번 비슷한 화면이 나옵니다. 같은 글꼴, 보라색 그라데이션, 카드 안의 카드. 이 자료는 그 기본값을 벗어나기 위해 스킬 두 개를 설치하고, 디자인 기준을 파일로 남기고, 검사 명령으로 확인하는 순서를 담았습니다.

</aside>

Quick Start

작업할 프로젝트 폴더로 이동한 다음, 아래 두 줄을 터미널에 차례로 붙여넣으세요. 스킬 두 개를 이 프로젝트에 설치하는 명령입니다.

npx --yes skills@latest add <https://github.com/Leonxlnx/taste-skill> \
  --skill "design-taste-frontend" --agent claude-code --yes --copy
npx --yes impeccable@latest install --providers=claude --scope=project

성공하면 design-taste-frontend (copied)Installed impeccable into: .claude (project) 같은 줄이 보입니다.

설치가 됐는지 확인하는 명령입니다.

ls .claude/skills

design-taste-frontendimpeccable 두 폴더 이름이 나오면 성공입니다.

설치부터 검사까지 전체 흐름

설치부터 검사까지 전체 흐름

STEP 1. 준비물 확인 — 2분

이 단계에서는 명령이 도중에 멈추지 않도록 Node.js 버전을 먼저 확인합니다. 두 스킬 모두 Node.js로 동작하고, 버전이 낮으면 설치가 실패합니다.

용어: Node.js는 컴퓨터에서 자바스크립트를 실행해 주는 프로그램입니다. 여기서는 설치 명령을 돌리는 데만 씁니다.

설치된 Node.js 버전을 확인하는 명령입니다.

node --version

v22.12.0처럼 v로 시작하는 숫자가 나오면 됩니다. 앞자리가 22보다 작거나 명령을 찾을 수 없다고 나오면 nodejs.org에서 LTS 버전을 먼저 설치하세요.

용어: 터미널은 명령어를 글로 입력하는 검은 창입니다. macOS는 터미널 앱, Windows는 PowerShell을 쓰면 됩니다.

STEP 2. 스킬 두 개 설치 — 3분