# vercel-react-best-practices

Skill, Site yapımı ve arayüz alanında. Sayfa: https://angskills.com/k/vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

- Kaynak: https://github.com/vercel-labs/agent-skills
- Lisans: belirtilmemiş
- GitHub yıldızı: 33710
- Güncellendi: 8 Kasım 2026

## Bir bakışta

**vercel-react-best-practices ne işe yarar?** “Site yapımı ve arayüz” alanında bir skill. Yayıncının tanımı: React and Next.js performance optimization guidelines from Vercel Engineering.

**Kimin işine yarar?** Web sitesi tasarımı, React ve Vue bileşenleri, Tailwind, animasyon, tarayıcı testleri ve yayına alma için skill ve MCP sunucuları.

**Hangi ajanlarda çalışır?** Claude Code, Codex, OpenCode için hazır kurulum komutu var.

**Nasıl kurulur?** Claude Code için terminalde şu komutu çalıştır: git clone --depth 1 https://github.com/vercel-labs/agent-skills

**Güvenilir mi?** GitHub’da 33.710 yıldız almış, lisansı belirtilmemiş. Komutlar yayıncının kaydından üretildi; kurmadan önce kaynağına göz at.

## Kurulum

### Claude Code

```bash
git clone --depth 1 https://github.com/vercel-labs/agent-skills
```

Sonra skills/react-best-practices klasörünü ajanının skills klasörüne kopyala.

### Codex

```bash
git clone --depth 1 https://github.com/vercel-labs/agent-skills
```

Sonra skills/react-best-practices klasörünü ajanının skills klasörüne kopyala.

### OpenCode

```bash
git clone --depth 1 https://github.com/vercel-labs/agent-skills
```

Sonra skills/react-best-practices klasörünü ajanının skills klasörüne kopyala.

Komutlar yayıncının kayıt bilgisinden üretildi; ANG skills bunları çalıştırıp denetlemedi.