Термос Беспалова
+7 909 561-04-99 СвязатьсяСвязаться
Скилл · Разработка

React Best Practices

React по стандартам создателей Next.js.

Файл react-best-practices.md ★ 28k у репозитория
О скилле

Что делает

Учит писать код по практикам компании, которая создала основной фреймворк вокруг React и лучше других понимает, как он ведёт себя под нагрузкой: хуки, управление состоянием, производительность, правила именования. Без такого набора ассистент пишет рабочий, но устаревший код. С ним — код, который не придётся переписывать через месяц.

Источник

Откуда скилл и как поставить

Автор и репозиторий

Автор — Vercel. Репозиторий собрал 28k звёзд на GitHub. Лицензия указана в репозитории. Файл react-best-practices.md открыт: прочитать его можно до установки.

Открыть репозиторий

Установка в Claude Code

Склонируйте репозиторий в ~/.claude/skills/ и перезапустите Claude Code — скилл подхватится сам. Дальше просто попросите ассистента использовать «React Best Practices».

Cursor и другие редакторы

Скопируйте содержимое SKILL.md в системные правила проекта. Скиллы не запускают код — это текстовые инструкции, которые меняют поведение модели.

Гайды 2026

Разобрано до шаблонов: три гайда по 490 ₽

Всё, что в статьях идёт по верхам, здесь собрано в PDF: пошаговые схемы, готовые промпты и шаблоны, которые можно взять и применить в тот же день.

Обложка гайда «Промпты, которые работают: система и 60 готовых шаблонов»

Промпты, которые работают: система и 60 готовых шаблонов

Как писать запросы к нейросетям так, чтобы ответы можно было брать в работу без переписывания

  • Формула промпта из семи элементов с разбором «плохо / хорошо»
  • Работа с контекстом и файлами: как кормить модель данными
  • Итерации: как дорабатывать ответ, а не начинать заново
  • Few-shot и цепочки промптов со схемами

PDF, 57 стр., A4

Посмотреть фрагмент (PDF)
Обложка гайда «Свой ИИ-агент за выходные: пошагово, с кодом и без»

Свой ИИ-агент за выходные: пошагово, с кодом и без

Три рабочих проекта, выбор платформы, безопасность, стоимость и тесты: от агента в конструкторе до Python-кода с MCP

  • Цикл агента и пять архитектур со схемами
  • Честный раздел «когда агент не нужен» и дерево решений
  • Сравнение платформ no-code и кода по девяти критериям
  • Три проекта пошагово: секретарь заявок, аналитик отчёта, агент на коде

PDF, 51 стр., A4

Посмотреть фрагмент (PDF)
Обложка гайда «Claude с нуля: от первого чата до скиллов и Claude Code»

Claude с нуля: от первого чата до скиллов и Claude Code

Модели, проекты, 18 сценариев с промптами, скиллы, MCP и Claude Code для тех, кто не пишет код

  • Как выбрать модель Claude по задаче (актуально на 25.09.2026)
  • Схема интерфейса и разбор возможностей: проекты, артефакты, поиск, память, рассуждение
  • Формула запроса и приёмы, которые работают именно у Claude
  • 18 рабочих сценариев с готовыми промптами: письма, договоры, презентации, таблицы, исследования

PDF, 42 стр., A4

Посмотреть фрагмент (PDF)

Есть и бесплатные гайды

Все гайды

Оплата на стороне платёжного сервиса. После оплаты вы вернётесь на сайт, и файл откроется сразу. Оплачивая, вы принимаете оферту.

Хотите внедрить, но некогда разбираться?

Подберу скиллы под вашу задачу, поставлю и покажу на живом примере — быстрее, чем читать документацию.

Получить консультацию
Рядом на полке

Похожие скиллы

agent-transcript.md★ 379k Agent Transcript Прикладывает к пул-реквесту ход работы агента, а не только диф claude-codeagentgithub OpenClaw · MIT mcporter.md★ 379k Mcporter Все MCP-серверы под контролем из одного места: установка, статус, настройка claude-codemcpcli OpenClaw · MIT security-triage.md★ 379k Security Triage Разбирает поток уведомлений об уязвимостях по критичности claude-codesecuritytriage OpenClaw · MIT react18-legacy-context.md★ 246k React18 Legacy Context Замена устаревшего механизма передачи данных в React reactreact18react19 facebook · MIT react19-source-patterns.md★ 246k React19 Source Patterns Переезд на React 19: что сломается и чем заменить reactreact19migration facebook · MIT superpowers.md★ 232k Superpowers Мета-пак от obra: десятки скиллов разом, негласный стандарт сообщества obra
Дальше

Куда идти дальше

Категория «Разработка»

Самая большая полка каталога: написание и ревью кода, рефакторинг, отладка, архитектура, работа с фреймворками.

Ко всем скиллам категории

Гайды

Пошаговые разборы: от первого промпта до своих агентов и автоматизации.

К каталогу гайдов
Вопросы

Частые вопросы

Что делает скилл React Best Practices?
React по стандартам создателей Next.js. Это Agent Skill — текстовое расширение для Claude Code и Cursor: подключается файлом SKILL.md и меняет поведение ассистента, кода внутри нет. Темы скилла: универсальный.
Как установить React Best Practices?
Склонируйте репозиторий автора в папку скиллов: git clone https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices ~/.claude/skills/react-best-practices — и перезапустите Claude Code, он подхватит скилл сам. В Cursor и похожих редакторах скопируйте содержимое SKILL.md в правила проекта. Перед установкой файл стоит прочитать: это обычный текст.
Это бесплатно?
Да. Скилл «React Best Practices» открыт: автор — Vercel, скачивается из официального репозитория без регистрации. Лицензия указана в репозитории. На этой странице ничего покупать не нужно — каталог часть моего раздела «Обучение».

Нужен такой результат в вашей работе?

Напишите, чем занимаетесь, — скажу, закроет ли задачу этот скилл или собрать решение под вас.

Получить консультацию

Пн–Вс, 10:00–20:00. Отвечаю лично.