데브로그

프로그래밍 팁 그리고 프로그램 사용 방법 등을 공유 합니다.

AI

vercel-labs의 agent-skills 수동 설치 방법

# 1. 저장소 클론
git clone https://github.com/vercel-labs/agent-skills.git /tmp/agent-skills

# 2. 스킬 디렉토리 생성 (없으면)
mkdir -p ~/.claude/skills

# 3. react-best-practices 설치
cd /tmp/agent-skills/skills
zip -r ~/.claude/skills/react-best-practices.skill react-best-practices/
unzip -o ~/.claude/skills/react-best-practices.skill -d ~/.claude/skills/

# 4. web-design-guidelines 설치
zip -r ~/.claude/skills/web-design-guidelines.skill web-design-guidelines/
unzip -o ~/.claude/skills/web-design-guidelines.skill -d ~/.claude/skills/

# 5. vercel-deploy-claimable 설치
cd /tmp/agent-skills/skills/claude.ai
zip -r ~/.claude/skills/vercel-deploy-claimable.skill vercel-deploy-claimable/
unzip -o ~/.claude/skills/vercel-deploy-claimable.skill -d ~/.claude/skills/

# 6. 임시 파일 정리
rm -rf /tmp/agent-skills

한 줄 스크립트:
git clone https://github.com/vercel-labs/agent-skills.git /tmp/agent-skills && \
mkdir -p ~/.claude/skills && \
cd /tmp/agent-skills/skills && \
for skill in react-best-practices web-design-guidelines; do \
  zip -r ~/.claude/skills/${skill}.skill ${skill}/ && \
  unzip -o ~/.claude/skills/${skill}.skill -d ~/.claude/skills/; \
done && \
cd claude.ai && \
zip -r ~/.claude/skills/vercel-deploy-claimable.skill vercel-deploy-claimable/ && \
unzip -o ~/.claude/skills/vercel-deploy-claimable.skill -d ~/.claude/skills/ && \
rm -rf /tmp/agent-skills

설치 후 Claude Code 재시작하면 스킬 활성화됩니다.

Leave a Reply