Patrón AGENTS.md para React Native: Claude Code genera código más consciente del proyecto

Una usuaria de Reddit, julia_ships, ha estado experimentando con un archivo AGENTS.md para proyectos React Native/Expo. El archivo actúa como un documento estructurado que informa a los agentes de codificación de IA como Claude Code y Cursor sobre las convenciones específicas del proyecto. La diferencia es significativa: antes de usar el archivo, Claude generaba código genérico de React Native; después, genera componentes usando los tokens de tema, hooks y patrones exactos del proyecto.

Qué Contiene el Archivo AGENTS.md

La usuaria incluye las siguientes secciones en su AGENTS.md:

• Estructura de carpetas y convenciones de nomenclatura de archivos — ej., dónde viven los componentes, cómo se nombran los archivos (PascalCase, kebab-case, etc.)
• Sistema de tema y tokens de color — nombres exactos de tokens y cómo aplicarlos
• Hooks personalizados y sus patrones de uso — cómo importar y usar hooks específicos del proyecto
• Patrones de componentes — componentes funcionales con props tipadas (TypeScript), estructura y estilo de exportación

Resultados

Con el archivo AGENTS.md en su lugar, Claude Code produce código que coincide con las convenciones del proyecto en el primer intento. Por ejemplo, usa el token de tema correcto colors.primary en lugar de '#6200ee' hardcodeado, importa hooks personalizados como useAuth() en lugar de escribir lógica en línea, y sigue el patrón de componente establecido (funcional, props tipadas, exportación adecuada).

Para Quién es

Desarrolladores de React Native / Expo que usen Claude Code, Cursor o agentes de codificación de IA similares que quieran reducir la revisión manual de código y obligar a la IA a respetar las convenciones del proyecto.