vercel-react-best-practices
О программе
Этот навык предоставляет рекомендации по оптимизации производительности Vercel для React и Next.js, включающие 57 приоритетных правил в 8 категориях. Используйте его при написании, ревью или рефакторинге кода для решения проблем производительности, таких как повторные рендеры, размер сборки и паттерны получения данных. Он охватывает ключевые области оптимизации, включая серверные/клиентские компоненты, Suspense и хуки React.
Быстрая установка
Claude Code
Рекомендуетсяnpx skills add TechNickAI/ai-coding-config -a claude-code/plugin add https://github.com/TechNickAI/ai-coding-configgit clone https://github.com/TechNickAI/ai-coding-config.git ~/.claude/skills/vercel-react-best-practicesСкопируйте и вставьте эту команду в Claude Code для установки этого навыка
GitHub репозиторий
Часто задаваемые вопросы
Что такое Skill vercel-react-best-practices?
vercel-react-best-practices — это Claude Skill от TechNickAI. Skills объединяют инструкции и ресурсы, которые Claude загружает по мере необходимости, чтобы выполнять задачи, связанные с vercel-react-best-practices, без дополнительных запросов.
Как установить vercel-react-best-practices?
Используйте команды установки на этой странице: добавьте vercel-react-best-practices в Claude Code как плагин или клонируйте репозиторий в каталог skills, затем перезапустите Claude, чтобы загрузить Skill.
К какой категории относится vercel-react-best-practices?
vercel-react-best-practices относится к категории Другое.
Можно ли использовать vercel-react-best-practices бесплатно?
Да. vercel-react-best-practices размещён на AIMCP и доступен для бесплатной установки.
Похожие навыки
Этот навык создает готовый к использованию виджет чат-бота в стиле ChatGPT для интеграции во фронтенд. Он включает ключевые функции, такие как защита от бесконечных перерисовок, возможность выделения текста с функцией «Спросить ИИ», а также готовую интеграцию с RAG-бэкендами и SSE-стримингом. Используйте его для быстрого развертывания проверенного в бою и контролируемого чат-интерфейса.
Этот навык создает готовый к использованию виджет чат-бота в стиле ChatGPT со встроенными решениями для типичных фронтенд-проблем. Он обеспечивает защиту от бесконечных перерисовок, функциональность "Спросить ИИ" при выделении текста и встроенную поддержку потоковых SSE- и RAG-бэкендов. Используйте его для быстрого внедрения контролируемого и производительного чат-интерфейса в вашем веб-приложении.
Этот навык использует интерфейс командной строки Gemini для генерации кода пользовательского интерфейса из текстовых описаний или изображений. Он специализируется на создании React-компонентов с использованием Tailwind CSS, что делает его идеальным инструментом для преобразования скриншотов или концепций дизайна в рабочий код. Разработчикам рекомендуется применять его для быстрого прототипирования, помощи в стилизации и рефакторинга кода.
Этот навык создает комплексную документацию на TypeScript, используя JSDoc и TypeDoc, для различных аудиторий. Он формирует API-документацию, записи архитектурных решений (ADR), а также примеры для конкретных фреймворков: NestJS, Express, React, Angular и Vue. Используйте его для документирования модулей, генерации API-документации или выстраивания многоуровневых паттернов документирования.