Vibe Index
🎯

vercel-react-best-practices

🎯Skill

from pm-minji/agent-skills

VibeIndex|
What it does

Provides expert guidance and automated recommendations for optimizing React applications deployed on Vercel, focusing on performance, code quality, and best practices.

πŸ“¦

Part of

pm-minji/agent-skills(4 items)

vercel-react-best-practices

Installation

npxRun with npx
npx -y skills add pm-minji/agent-skills --list
npxRun with npx
npx -y skills add pm-minji/agent-skills --skill kaizen
πŸ“– Extracted from docs: pm-minji/agent-skills
Need more details? View full documentation on GitHub β†’
1Installs
-
AddedFeb 4, 2026
View on GitHubBack to Skills

Skill Details

SKILL.md

Overview

# μ—μ΄μ „νŠΈ μŠ€ν‚¬ λͺ¨μŒ (Agent Skills)

AI μ—μ΄μ „νŠΈ(Antigravity, Cursor, Claude Code λ“±)λ₯Ό μœ„ν•œ κ³ ν’ˆμ§ˆ μΈμŠ€νŠΈλŸ­μ…˜ 및 μ›Œν¬ν”Œλ‘œμš° λͺ¨μŒμž…λ‹ˆλ‹€. μ›Ή 개발, λ°μ΄ν„°λ² μ΄μŠ€ μ΅œμ ν™”, λ³΄μ•ˆ 점검에 μ΅œμ ν™”λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.

πŸ“₯ μ„€μΉ˜ 및 μ‚¬μš© 방법

λ³Έ μ €μž₯μ†Œμ˜ μŠ€ν‚¬λ“€μ€ [Agent Skills](https://github.com/google-labs-code/agent-skills) ν‘œμ€€μ„ λ”°λ₯΄λ©°, skills CLIλ₯Ό 톡해 κ°„λ‹¨νžˆ μ„€μΉ˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

1. μ‚¬μš© κ°€λŠ₯ν•œ μŠ€ν‚¬ λͺ©λ‘ 확인

ν”„λ‘œμ νŠΈ ν„°λ―Έλ„μ—μ„œ μ•„λž˜ λͺ…λ Ήμ–΄λ₯Ό μ‹€ν–‰ν•˜μ„Έμš”:

```bash

npx -y skills add pm-minji/agent-skills --list

```

2. νŠΉμ • μŠ€ν‚¬ μ„€μΉ˜

μ›ν•˜λŠ” μŠ€ν‚¬μ˜ 이름을 μ§€μ •ν•˜μ—¬ μ„€μΉ˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, λ¦¬νŒ©ν† λ§ μŠ€ν‚¬(kaizen)을 ν˜„μž¬ ν”„λ‘œμ νŠΈμ— μΆ”κ°€ν•˜λ €λ©΄:

```bash

npx -y skills add pm-minji/agent-skills --skill kaizen

```

팁: νŠΉμ • ν”„λ‘œμ νŠΈκ°€ μ•„λ‹Œ λͺ¨λ“  κ³³μ—μ„œ μ‚¬μš©ν•˜λ €λ©΄ λͺ…λ Ήμ–΄ 뒀에 --global을 λΆ™μ΄μ„Έμš”.

---

πŸ›  μ£Όμš” μŠ€ν‚¬ λͺ©λ‘

🎨 λ””μžμΈ 및 UI (Design & UI)

  • frontend-design: 프리미엄 μˆ˜μ€€μ˜ ν˜„λŒ€μ  μ›Ή μΈν„°νŽ˜μ΄μŠ€ κ΅¬ν˜„ κ°€μ΄λ“œ.

πŸ— μ—”μ§€λ‹ˆμ–΄λ§ 및 ν’ˆμ§ˆ (Engineering & Quality)

  • kaizen: 지속적인 κ°œμ„ , λ¦¬νŒ©ν† λ§ 및 μ‹€μˆ˜ 방지(Poka-Yoke) 기법 적용.
  • lint-and-validate: μžλ™ ν’ˆμ§ˆ μ œμ–΄ 및 정적 μ½”λ“œ 뢄석 μ‹€ν–‰.
  • spec-generator: 포괄적이고 μƒμ„Έν•œ 기술 μ‚¬μ–‘μ„œ(Specification) 생성.
  • react-best-practices: μ΅œμ‹  λ¦¬μ•‘νŠΈ νŒ¨ν„΄ 및 μ„±λŠ₯ μ΅œμ ν™” 팁.

πŸ” λ³΄μ•ˆ 및 λ°±μ—”λ“œ (Security & Backend)

  • supabase-postgres-best-practices: Supabase/PostgreSQL μ΅œμ ν™” 및 λ³΄μ•ˆ κ°€μ΄λ“œ.
  • top-web-vulnerabilities: OWASP Top 10 기반 λ³΄μ•ˆ 취약점 점검.

πŸ“ˆ λ§ˆμΌ€νŒ… 및 SEO

  • seo-audit: μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜ 검색 엔진 μ΅œμ ν™”(SEO) 점검.
  • content-creator: κ³ ν’ˆμ§ˆ λ§ˆμΌ€νŒ… 및 기술 μ½˜ν…μΈ  μ œμž‘ 지원.

---

AI ν˜‘μ—… μ‹œλŒ€μ— 맞좘 졜적의 개발 μ›Œν¬ν”Œλ‘œμš°λ₯Ό μ œκ³΅ν•©λ‹ˆλ‹€.

More from this repository3

🎯
frontend-design🎯Skill

Generates comprehensive guidelines and implementation strategies for creating modern, premium-quality web interfaces with cutting-edge design principles.

🎯
seo-audit🎯Skill

Performs comprehensive SEO analysis of web applications, identifying optimization opportunities for search engine ranking and visibility.

🎯
kaizen🎯Skill

Applies continuous improvement techniques to systematically refactor code, optimize performance, and prevent potential errors through Japanese lean manufacturing-inspired methodologies.