Vercel React - Agent Skill Install

Vercel React - Agent Skill

1. 터미널에서 실행

npx add-skill vercel-labs/agent-skills

2. 선택된 스킬 인스톨

• React&Nest js 모범사례
• 웹 디자인 가이드 라인

◆  Select skills to install
│  ◻ vercel-react-best-practices (React and Next.js performance optimization guidelines fro...)
│  ◻ web-design-guidelines
└

3.설치할 에이전트(IDE) 선택

  Detected 8 agents
│
◆  Select agents to install skills to
│  ◼ Antigravity (.agent/skills)
│  ◼ Claude Code
│  ◼ Codex
│  ◼ Cursor
│  ◼ Gemini CLI
│  ◼ GitHub Copilot
│  ◼ OpenCode
│  ◼ Windsurf

4. 설치 범위

• 프로젝내
• 전체

◆  Installation scope
│  ● Project (Install in current directory (committed with your project))
│  ○ Global

5. 설치 방법

• Symlink
• Copy to all agents
  

6. 인스톨 요약 및 실행

◇  Installation Summary ────────────────────────────────────────────────────╮
│                                                                           │
│  ~/Recent_AI/.agents/skills/vercel-react-best-practices                   │
│    symlink → Antigravity, Claude Code, Codex, Cursor, Gemini CLI +3 more  │
│                                                                           │
│  ~/Recent_AI/.agents/skills/web-design-guidelines                         │
│    symlink → Antigravity, Claude Code, Codex, Cursor, Gemini CLI +3 more  │
│                                                                           │
├───────────────────────────────────────────────────────────────────────────╯
│
◆  Proceed with installation?
│  ● Yes / ○ No

7. 인스톨 완료 정보

• 터미널 내 설치 정보 안내
• 좌측 Agent skill 사용할 수 있는 폴더들 생성