Шаблон AGENTS.md для React Native: Claude Code генерирует более эффективный код с учетом контекста проекта

Пользователь Reddit, julia_ships, экспериментирует с файлом AGENTS.md для проектов React Native/Expo. Файл действует как структурированный документ, который сообщает AI-агентам кодирования, таким как Claude Code и Cursor, о специфических для проекта соглашениях. Разница значительна — до использования файла Claude генерировал общий код React Native; после — генерирует компоненты, использующие точные токены темы, хуки и шаблоны проекта.

Что входит в файл AGENTS.md

Пользователь включает следующие разделы в свой AGENTS.md:

• Структура папок и соглашения об именовании файлов — например, где находятся компоненты, как именуются файлы (PascalCase, kebab-case и т.д.)
• Система темы и цветовые токены — точные названия токенов и способы их применения
• Пользовательские хуки и шаблоны их использования — как импортировать и использовать специфические для проекта хуки
• Шаблоны компонентов — функциональные компоненты с типизированными пропсами (TypeScript), структура и стиль экспорта

Результаты

С внедрением AGENTS.md Claude Code генерирует код, соответствующий соглашениям проекта с первой попытки. Например, он использует правильный colors.primary из темы вместо жестко закодированного '#6200ee', импортирует пользовательские хуки, такие как useAuth(), вместо написания встроенной логики, и следует установленному шаблону компонентов (функциональный, типизированные пропсы, правильный экспорт).

Для кого это

Для разработчиков React Native / Expo, использующих Claude Code, Cursor или подобные AI-агенты кодирования, которые хотят сократить ручное ревью кода и заставить AI уважать соглашения проекта.