24 навыка, чтобы ИИ проверял свой код

Открой свой проект в Claude Code или Codex. Скопируй этот запрос в чат с агентом:

Установи мне Agent Skills от Адди Османи по инструкции из репозитория: https://github.com/addyosmani/agent-skills

Если для установки нужно что-то нажать или ввести, агент подскажет. Готово? Возьми задачу, которая у тебя уже есть. Все 24 навыка пробовать за раз не нужно :)

Если у тебя сайт. В ролике проверяли скорость страницы. Допустим, главная долго открывается на телефоне. Вставь адрес своего сайта в запрос:

Используй навык performance-optimization. Проверь, почему медленно открывается [адрес страницы]. Исправь причину и покажи, сколько времени занимала загрузка до и после правки.

Если у тебя приложение. Тот же навык подойдет, например, когда приложение открывается быстро, а список заметок приходится ждать. Скажи агенту: «Примени performance-optimization к экрану с заметками. Замерь, за сколько появляется список, найди причину задержки и повтори замер после правки».

Порядок в обоих случаях одинаковый. Агент сначала замеряет скорость, потом ищет причину и после правки повторяет тот же тест. Если быстрее не стало или что-то сломалось, агент отменяет свою правку. Сайт можно замерить в браузере, а для приложения агенту понадобится запустить его в подходящей среде.

Найди в списке то, что хочется сделать или поправить. Скопируй английское название в чат и скажи, к какой задаче его применить. По ссылке можно почитать саму инструкцию.

Если после установки увидишь 25 навыков, все в порядке. В наборе есть еще using-agent-skills. Он помогает агенту выбрать нужный навык.

Понять, что строить

1. Понять, чего ты хочешь. Есть идея, но пока сложно ее объяснить? Агент задаст вопросы по одному и поможет собрать понятную задачу. interview-me
2. Выбрать, с чего начать. Например, хочется сделать приложение для привычек. Агент предложит несколько вариантов и поможет решить, что оставить в первой версии. idea-refine
3. Договориться, как все должно работать. Перед тем как писать код, агент опишет, что увидит человек, что сможет сделать и как проверить результат. spec-driven-development
4. Задать правила качества. Хочешь, чтобы сайт работал на телефоне и не тормозил? Агент запишет эти требования и добавит проверки, чтобы про них не забыть. constraint-driven-development

Спланировать работу

5. Разбить большую задачу на шаги. Попросил сделать личный кабинет, а там и вход, и профиль, и настройки? Агент разложит работу по шагам и объяснит, что проверять после каждого. planning-and-task-breakdown

Написать код

6. Делать по одной части. Агент добавляет небольшую часть и сразу проверяет, работает ли она. Если что-то пошло не так, проще понять, какую правку отменить. incremental-implementation
7. Проверить важное правило. Например, скидка должна сработать только от 3000 рублей. Агент сначала пишет проверку этого правила, а потом меняет код. test-driven-development
8. Помочь агенту не терять нить. Если приходится снова объяснять, где что лежит и как устроен проект, агент соберет нужные файлы и правила, чтобы сверяться с ними по ходу работы. context-engineering
9. Свериться с инструкцией. Если агент подключает новую библиотеку или сервис, он сначала посмотрит официальную документацию и проверит, что предложенная команда там действительно есть. source-driven-development
10. Перепроверить сомнительное решение. Агент посмотрит на свое решение свежим взглядом: где оно может не сработать и чем можно подтвердить, что оно подходит. doubt-driven-development
11. Сделать сайт удобнее. Поможет проверить, помещается ли форма на телефоне, понятна ли ошибка и можно ли пройти по полям с клавиатуры. frontend-ui-engineering
12. Связать части приложения. Например, форма отправляет заказ на сервер. Агент опишет, что именно отправлять и что делать, если заказ не удалось сохранить. api-and-interface-design

Найти ошибки

13. Проверить сайт в браузере. Агент откроет страницу и посмотрит, что реально происходит: какая кнопка не работает или какой запрос завис. Для этого навыка нужен подключенный Chrome DevTools MCP, инструмент доступа к браузеру. browser-testing-with-devtools
14. Найти причину поломки. Например, кнопка перестала работать после обновления. Агент повторит ошибку, найдет причину, исправит и проверит, что она не возвращается. debugging-and-error-recovery

Проверить качество

15. Проверить свежие правки. Перед тем как принять изменения, попроси агента перечитать код и показать конкретные места, где что-то может сломаться. code-review-and-quality
16. Упростить запутанный код. Если даже маленькая правка стала сложной, агент поможет убрать лишнее и проверит, что для пользователя все работает как раньше. code-simplification
17. Проверить безопасность. Агент посмотрит, не остался ли пароль в коде и не может ли посторонний открыть чужие данные. security-and-hardening
18. Разобраться, почему сайт или приложение тормозит. Агент замерит скорость, найдет причину и повторит замер после правки. Если лучше не стало, отменит свою правку. performance-optimization

Подготовить выпуск и поддержку

19. Сохранить рабочую версию. Агент будет сохранять небольшие изменения в Git с понятными подписями. Так проще увидеть, после какой правки все сломалось, и вернуться назад. git-workflow-and-versioning
20. Проверять обновления автоматически. Агент настроит проверки, которые сами запустятся при изменении кода и предупредят, если обновление нельзя выпускать. ci-cd-and-automation
21. Заменить старую функцию без поломок. Если старой версией еще пользуются, агент поможет спланировать переход и понять, когда ее можно убрать. deprecation-and-migration
22. Запомнить, почему сделали именно так. Агент запишет, какое решение выбрали и почему. Через месяц не придется заново гадать, зачем в проекте эта настройка. documentation-and-adrs
23. Узнать, что происходит после запуска. Агент настроит запись ошибок и замеры скорости, чтобы понять, где сбой, когда кто-то говорит: «У меня не работает». observability-and-instrumentation
24. Подготовиться к запуску. Агент подскажет, что проверить перед выпуском, как показать обновление сначала небольшой группе и как вернуть прежнюю версию, если что-то пойдет не так. shipping-and-launch