Главная · Скиллы · vercel-composition-patterns

vercel-composition-patternsпаттерны композиции React-компонентов

vercel-labs/claude-skills

Решает проблему boolean-props: compound components, context providers, render props, React 19 use() вместо forwardRef. Правила и примеры рефакторинга запутанных API компонентов.

React паттерны compound components render props компонентный API React 19

Установка

npx -y skills add vercel-labs/claude-skills --skill vercel-composition-patterns --agent claude-code

Из того же репозитория

vercel-react-best-practices — внутренний плейбук Vercel по React

vercel-labs/claude-skills

69 проверок кода React и Next.js: barrel import, async waterfall, лишние ре-рендеры. Расставлены по приоритету влияния на производительность, каждое правило с примерами до/после.

27.5k ★277 установок

web-design-guidelines — аудит UI по гайдлайнам Vercel

vercel-labs/claude-skills

Загружает актуальные Web Interface Guidelines из GitHub Vercel и проверяет код на доступность, дизайн-несоответствия и UX-проблемы. Результат в формате файл:строка.

27.5k ★223 установок

vercel-react-native-skills — React Native от Vercel

vercel-labs/claude-skills

Лучшие практики React Native от Vercel по 8 категориям: производительность, мобильные паттерны, критические оптимизации. Приоритизировано по реальному влиянию.

27.5k ★176 установок