React Best Practices Skill от Vercel
Vercel выпустили свои Skills и самым полезным скиллом там я считаю React Best Practices – ребята просто упаковали годы накопленного опыта по React и Next.js в один skill и теперь мы можем применять его на наших проектах, чтобы выполнить рефакторинг и оптимизировать перформанс.
Для своего сайта ai.khakhalev.com я применил этот скилл и агенты нашли кучу проблем. Этот сайт я, конечно же, вайбкодил.
На видео я показываю процесс использования скилла, нахождение проблем и их решение с помощью субагентов Claude Code.
Если вы ещё не работаете в Claude Code, то зря!
Я недавно выпустил лекцию Claude Code Deep Dive, в котором поделился своим опытом по работе с Claude Code и рассказал как он устроен. В том числе, объяснил Skills и Subagents. Если интересно – получить доступ можно здесь
По самому скиллу скажу так – если вы как и я не фронтендер, то этот скилл окажется довольно полезным, но чтобы найти все проблемы сайта, стоит попросить запустить Explore несколько раз.
Как установить
Vercel для установки этого скилла предлагает установить какой-то свой тул, но мне лень это делать и я просто попросил Claude Code скачать контент этого скилла и установить в ~/.claude/skills (user-scope папка, чтобы этот скилл был доступен во всех проектах).
Промпт для этого простой:
Download this skill and it`s references (url) and install at ~/.claude/skills
После этого Claude скачает скилл и положит в папку, а вам нужно только перезагрузить claude
📱 Открыть React Best Practices Skill на Github
Лайк, репост,
✔️ Тимур Хахалев про AI Coding, подписывайтесь!
Добавить комментарий