Autotomy — Expo Starter Pack
Español
Tu cuenta

Crea tu app Expo. Mantén el control.

Autotomy es un starter de Expo y React Native con código TypeScript editable, verificaciones de arquitectura y una CLI para tu agente de programación con IA.

Mira qué incluye la base
O ejecútalo en la carpeta del proyecto
npx autotomy install

La instalación y las compras se abrirán cuando la versión esté lista. Ya puedes explorar la guía.

Tu código. Tu IA. Comprobaciones que puedes revisar.

La base de lo que vas a crear.

Las herramientas de baseExpo + React Native

Expo y React Native proporcionan la plataforma móvil. Las bibliotecas se encargan de la navegación, los estilos, el almacenamiento y otras tareas.

La base que recibesAutotomy Expo Starter Pack

Autotomy añade una estructura clara, instrucciones para tu IA, comprobaciones y ejemplos funcionales. Puedes examinar y modificar el código.

La aplicación que creasTus funciones e integraciones

Añade las funciones que hacen tuya la aplicación. Incorpora autenticación, un backend o pagos cuando el producto los necesite, siguiendo los patrones documentados.

Conoce la base de tu aplicación.

Elige una carpeta para conocer su función.

autotomy / expoUn recorrido guiado por el código real
expo / package.jsonBase Autotomy

Buenas herramientas. Responsabilidades claras.

Expo y React Native ejecutan la aplicación. Las bibliotecas se encargan de tareas como navegación, estilos y almacenamiento.

Por qué existe

Autotomy añade estructura, instrucciones para IA y comprobaciones. Puedes ver cómo encajan las piezas antes de añadir las tuyas.

Explorar los detalles técnicos

Las bibliotecas y su función

Biblioteca de tercerosPor qué existe
ExpoHerramientas y entorno móvilReact NativeInterfaz nativaExpo RouterNavegación basada en archivosNativeWindEstilos utilitariosTanStack QueryCoordinación del estado del servidorAsyncStoragePersistencia localZodValidación de datos en ejecución

Declaradas en package.json e instaladas con pnpm. Los adaptadores de Autotomy son código propio, no código de proveedores.

Dentro de esta carpeta

package.json
pnpm-lock.yaml

Sigue la conexión

src/app/src/services/src/use-cases/

Utiliza: Expo · React Native · Expo Router · NativeWind · TanStack Query

expo / src/app/Base Autotomy

Una ruta abre la puerta.

Los archivos de Expo Router conectan pestañas y URL con una pantalla y su controlador. La raíz también reúne los proveedores de la aplicación.

Por qué existe

El enrutamiento se mantiene pequeño. La presentación de las pantallas y las operaciones del producto tienen su propio lugar, para que una ruta no se convierta en toda la funcionalidad.

Explorar los detalles técnicos

Dentro de esta carpeta

src/app/_layout.tsx
src/app/(tabs)/settings.tsx

Sigue la conexión

src/ui/src/hooks/

Utiliza: Expo Router

expo / src/ui/Base Autotomy

Lo que las personas ven y tocan.

Las pantallas presentan estados de carga, contenido listo y error. Las primitivas compartidas y composiciones comunes les dan un lenguaje visual coherente.

Por qué existe

La presentación recibe entradas explícitas. No accede a otra pantalla para reutilizar su implementación.

Explorar los detalles técnicos

Dentro de esta carpeta

src/ui/components/shared/
src/ui/components/common/
src/ui/settings/

Sigue la conexión

src/ui/settings/src/ui/puzzle-lab/src/theme/

Utiliza: React Native · NativeWind

expo / src/ui/settings/Ejemplo incluido

Una pequeña funcionalidad, de principio a fin.

Los ajustes de apariencia conectan pantalla, controlador, caso de uso, reductor y adaptador de almacenamiento, incluidos los estados de carga y fallo.

Por qué existe

Puedes examinar un recorrido completo por la arquitectura antes de introducir tu propia funcionalidad.

Explorar los detalles técnicos
Sigue un cambio de ajustes
Pantalla de ajustesui/settingsEjemplo incluidoGuardar ajustesuse-cases/settingsLógica de la aplicaciónAdaptador de almacenamientoservices/settings.tsBase AutotomyAsyncStorage@react-native-async-storage/async-storageBiblioteca de terceros

Un recorrido simplificado por la funcionalidad Settings incluida. Selecciona un paso para explorar dónde vive.

Dentro de esta carpeta

src/ui/settings/
src/hooks/settings/useSettingsController.ts
src/use-cases/settings/settings.ts
src/services/settings.ts

Sigue la conexión

src/use-cases/src/services/
expo / src/ui/puzzle-lab/Ejemplo incluido

Un ejemplo con salida.

Una función de problemas de ajedrez operativa muestra cómo obtener datos, gestionar errores y conectar las piezas de una aplicación.

Por qué existe

Aprende de un ejemplo completo y archívalo cuando quieras añadir tu propia función. Los ajustes incluidos siguen siendo independientes.

Explorar los detalles técnicos

Conserva la lección. Quita la demostración.

src/*/puzzle-labdocs/reference/puzzle-lab

Este comando es específico de Puzzle Lab. Archiva el código del ejemplo y registra sus aportaciones compartidas para revisarlas.

pnpm puzzle-lab:move-to-docs
pnpm check

Dentro de esta carpeta

src/ui/puzzle-lab/
src/hooks/puzzle-lab/usePuzzleLab.ts
src/use-cases/puzzle-lab/puzzle-lab.ts
src/services/lichess-puzzles/

Sigue la conexión

docs/scripts/src/ui/settings/

Utiliza: Lichess API

expo / src/hooks/Base Autotomy

Aquí se encuentran las piezas.

Los hooks de composición conectan estado, casos de uso y servicios, y preparan un modelo y acciones para la pantalla.

Por qué existe

La pantalla puede centrarse en la presentación mientras esta capa coordina el trabajo necesario para que sea útil.

Explorar los detalles técnicos
Sigue un cambio de ajustes
Pantalla de ajustesui/settingsEjemplo incluidoGuardar ajustesuse-cases/settingsLógica de la aplicaciónAdaptador de almacenamientoservices/settings.tsBase AutotomyAsyncStorage@react-native-async-storage/async-storageBiblioteca de terceros

Un recorrido simplificado por la funcionalidad Settings incluida. Selecciona un paso para explorar dónde vive.

Dentro de esta carpeta

src/hooks/settings/useSettingsController.ts
src/hooks/settings/settingsScreenModel.ts

Sigue la conexión

src/ui/src/use-cases/src/services/

Utiliza: React · TanStack Query

expo / src/use-cases/Lógica de la aplicación

Tu aplicación toma las decisiones.

Aquí la aplicación decide qué hacer. La función de ajustes utiliza esta capa para guardar y restaurar las preferencias de una persona.

Por qué existe

La operación de guardar está separada de la biblioteca de almacenamiento. Puedes probar ese comportamiento sin escribir datos en un dispositivo real.

Explorar los detalles técnicos
Sigue un cambio de ajustes
Pantalla de ajustesui/settingsEjemplo incluidoGuardar ajustesuse-cases/settingsLógica de la aplicaciónAdaptador de almacenamientoservices/settings.tsBase AutotomyAsyncStorage@react-native-async-storage/async-storageBiblioteca de terceros

Un recorrido simplificado por la funcionalidad Settings incluida. Selecciona un paso para explorar dónde vive.

Dentro de esta carpeta

src/use-cases/settings/settings.ts
src/use-cases/puzzle-lab/puzzle-lab.ts

Sigue la conexión

src/services/src/state/src/types/
expo / src/state/Lógica de la aplicación

Un cambio que puedes seguir.

Los reductores puros describen las transiciones de estado. Conservan los datos duraderos del cliente y utilizan Immer para actualizaciones inmutables.

Por qué existe

Los efectos de red y almacenamiento viven en otro lugar. Con el mismo estado y la misma entrada, un reductor puede producir el mismo resultado de nuevo.

Explorar los detalles técnicos
Sigue un cambio de ajustes
Pantalla de ajustesui/settingsEjemplo incluidoGuardar ajustesuse-cases/settingsLógica de la aplicaciónAdaptador de almacenamientoservices/settings.tsBase AutotomyAsyncStorage@react-native-async-storage/async-storageBiblioteca de terceros

Un recorrido simplificado por la funcionalidad Settings incluida. Selecciona un paso para explorar dónde vive.

Dentro de esta carpeta

src/state/settings/settings.state.ts
src/state/puzzle-lab/puzzle-lab.state.ts

Sigue la conexión

src/use-cases/src/hooks/

Utiliza: Immer

expo / src/services/Base Autotomy

Herramientas externas. Fronteras internas.

Esta carpeta conecta la aplicación con el almacenamiento y los servicios externos. Comprueba los datos recibidos y gestiona los fallos antes de devolver un resultado.

Por qué existe

Cada integración tiene su sitio. Las decisiones de tu aplicación se mantienen separadas de la herramienta externa que realiza el trabajo.

Explorar los detalles técnicos
Sigue un cambio de ajustes
Pantalla de ajustesui/settingsEjemplo incluidoGuardar ajustesuse-cases/settingsLógica de la aplicaciónAdaptador de almacenamientoservices/settings.tsBase AutotomyAsyncStorage@react-native-async-storage/async-storageBiblioteca de terceros

Un recorrido simplificado por la funcionalidad Settings incluida. Selecciona un paso para explorar dónde vive.

Dentro de esta carpeta

src/services/settings.ts
src/services/api/
src/services/query-client.ts

Sigue la conexión

src/use-cases/src/types/package.json

Utiliza: AsyncStorage · Zod · Axios · TanStack Query

expo / src/types/Lógica de la aplicación

Significados compartidos, por escrito.

Los ajustes, las rutas, los errores y los datos asíncronos tienen tipos explícitos. El contrato de resultado utiliza la biblioteca neverthrow.

Por qué existe

Los compartimentos pueden acordar lo que intercambian sin importar la implementación de los demás.

Explorar los detalles técnicos
Sigue un cambio de ajustes
Pantalla de ajustesui/settingsEjemplo incluidoGuardar ajustesuse-cases/settingsLógica de la aplicaciónAdaptador de almacenamientoservices/settings.tsBase AutotomyAsyncStorage@react-native-async-storage/async-storageBiblioteca de terceros

Un recorrido simplificado por la funcionalidad Settings incluida. Selecciona un paso para explorar dónde vive.

Dentro de esta carpeta

src/types/settings.ts
src/types/result.ts

Sigue la conexión

src/use-cases/src/services/

Utiliza: neverthrow

expo / src/theme/Base Autotomy

Un lugar para cambiar el lenguaje de la interfaz.

Los tokens semánticos y el sistema de temas definen el vocabulario visual de la aplicación. tokens.ts genera el bloque de tema en global.css.

Por qué existe

Cambia los tokens de origen en lugar de parchear el CSS generado. Los componentes compartidos llevan esas decisiones a las pantallas.

Explorar los detalles técnicos

Dentro de esta carpeta

src/theme/tokens.ts
src/theme/provider.tsx
src/theme/css-variables.ts

Sigue la conexión

src/ui/scripts/
expo / src/route-error/Base Autotomy

Cuando una pantalla no puede renderizarse.

El adaptador de errores de Expo Router registra fallos de renderizado y ofrece una vista de recuperación aislada.

Por qué existe

La alternativa evita depender de los proveedores de la pantalla que ha fallado, reduciendo las causas por las que la recuperación podría fallar también.

Explorar los detalles técnicos

Dentro de esta carpeta

src/route-error/index.tsx

Sigue la conexión

src/app/src/ui/

Utiliza: Expo Router

expo / scripts/Base Autotomy

Reglas que se pueden comprobar.

Los scripts permiten comprobar reglas de arquitectura, generar el tema, empaquetar el código y archivar Puzzle Lab.

Por qué existe

pnpm check reúne comprobaciones de tipos, fronteras, pruebas, tema generado, configuración nativa y dependencias. Puede detectar problemas; no garantiza una aplicación sin errores.

Explorar los detalles técnicos

Dentro de esta carpeta

scripts/eslint-rules.cjs

Sigue la conexión

src/ui/puzzle-lab/AGENTS.mdsrc/theme/
expo / docs/Base Autotomy

El razonamiento acompaña al código.

Los mapas de responsabilidades, patrones de funcionalidades y arquetipos de implementación describen cómo se organiza el proyecto y cómo ampliarlo.

Por qué existe

Tú y tu colaborador de IA tenéis una referencia común para el próximo cambio. Los ingenieros que lleguen después podrán leer las mismas decisiones.

Explorar los detalles técnicos

Dentro de esta carpeta

docs/SLICE_ARCHETYPES.md
docs/SETTINGS.md
docs/PUZZLE_LAB.md

Sigue la conexión

START_HERE.mdAGENTS.mdsrc/ui/puzzle-lab/
expo / AGENTS.mdBase Autotomy

Dale a tu IA las reglas del proyecto.

AGENTS.md recoge las fronteras de la arquitectura y las instrucciones para trabajar en este repositorio.

Por qué existe

Una petición de funcionalidad con alcance definido puede remitir a esas instrucciones y arquetipos, y exigir pnpm check antes de la revisión.

Explorar los detalles técnicos

Dentro de esta carpeta

AGENTS.md
ARCHITECTURE.md

Sigue la conexión

docs/scripts/
expo / START_HERE.mdBase Autotomy

Empieza con una secuencia concreta.

La guía del responsable cubre la instalación, la ejecución de la base, la comprobación de cambios y la recuperación cuando algo sale mal.

Por qué existe

Recibes código editable y un proceso documentado. Las cuentas de las tiendas, la firma y las decisiones de publicación específicas del producto siguen siendo tuyas.

Explorar los detalles técnicos

Dentro de esta carpeta

START_HERE.md
PRIVATE_BETA.md

Sigue la conexión

AGENTS.mddocs/package.json

Empieza por las herramientas que ya conoces.

Siguiente capítuloLa lógica de tu aplicación
Elige una carpeta para conocer su función.TypeScript · Expo

Dale a tu IA un punto de partida claro.

Usa las instrucciones en Codex, Claude Code o Cursor. Tú completas el acceso y el pago en el navegador; tu agente continúa la instalación.

Pégalo en tu agente de programación
Set up Autotomy in this project. Inspect the current directory and Git status first. Preserve all existing work and secrets. Run npx autotomy doctor --json to inspect compatibility, then npx autotomy install for an Autotomy or unchanged Lite checkout; use npx autotomy init <new-directory> for a new project. If the CLI requests authentication or a purchase, show me its browser link and let me complete it myself, then resume the command. Never ask me to paste credentials into chat. Do not bypass compatibility or verification failures, overwrite conflicting files, or subscribe on my behalf. Follow the installed project instructions, report any required hook approval, run npx autotomy check, and show me how to start the app from its expo directory.
Empezar

¿Qué es Autotomy?

Autotomy es un starter de Expo y React Native con código TypeScript editable, verificaciones de arquitectura y una CLI para tu agente de programación con IA.

¿Qué incluye la base?

Código completo de Foundation, comprobaciones básicas, configuración del agente y acceso a tu versión y a correcciones v1 publicadas.

¿Qué añades tú?

Las funcionalidades de tu producto. La autenticación, el backend, los pagos y las capacidades nativas que requieren permisos se dejan deliberadamente para el producto que las necesite. Tú eliges los servicios e implementas la parte correspondiente.

Starter kit →Compatibilidad →

Haz un cambio. Después, compruébalo.

Empieza por START_HERE.md. Describe una funcionalidad de alcance definido a tu colaborador de IA, sigue los arquetipos y ejecuta las comprobaciones. Examina el resultado antes de continuar.

Explora las instruccionesMira qué incluye la base
Pégalo en tu agente de programación
Add <feature> as a cohesive slice in this Autotomy project. Read AGENTS.md and expo/docs/SLICE_ARCHETYPES.md first. Preserve architecture boundaries, explicit error handling, and existing work. Do not modify generated theme CSS directly. Run npx autotomy check, fix failures without weakening gates, and summarize the change and verification evidence.

Empieza por el código. Mantén la ayuda cerca.

Compra Foundation una vez. Añade auditorías y orientación de actualización cuando las necesites.

Starter

US$149pago único

Código completo de Foundation, comprobaciones básicas, configuración del agente y acceso a tu versión y a correcciones v1 publicadas.

Starter incluye 30 días de Pro. Sin renovación automática.

Continuar a tu cuenta

Pro

US$19/ mes

o US$190 / año

Auditorías mantenidas, detección de cambios en la verificación, actualizaciones Expo con IA y comentarios de hooks premium.

Tu cuenta

Un desarrollador, proyectos Autotomy ilimitados. Pro requiere Starter. Tu agente de IA y sus costes son independientes.

Cuando Pro caduca, se detienen los comandos premium. El código, las comprobaciones básicas, las compilaciones y las apps publicadas siguen funcionando.

Una suscripción Pro adquirida aparte se cobra inmediatamente. Los días incluidos sin usar no se abonan. Cancela antes de renovar para mantener acceso hasta el final del periodo pagado.

La instalación y las compras se abrirán cuando la versión esté lista. Ya puedes explorar la guía.

Antes de empezar

¿Qué estoy comprando?

Starter es código Expo editable y verificación básica. Pro es una suscripción opcional de auditorías y actualizaciones con IA. No es un creador de apps alojado.

¿Qué ocurre después de 30 días?

Pro se detiene si no te suscribes expresamente. No hay cobro automático. El código y las comprobaciones básicas siguen funcionando.

¿Se modifica mi app automáticamente?

La instalación gestiona archivos propios. Las auditorías dan pruebas e instrucciones. Tu IA cambia el código y tú lo revisas.

¿Qué licencia se aplica?

Foundation mantiene MIT. Las nuevas herramientas premium y guías tienen condiciones comerciales separadas. Las dependencias conservan sus licencias.

¿Incluye autenticación y pagos para la app?

No. La cuenta Autotomy compra herramientas. La identidad, backend, pagos, firma y publicación siguen siendo decisiones de tu producto.

Notas sobre construir con IA

Leer los artículos

Tu rama main está rota. Tienes 200 commits que revisar.

`git bisect` convierte una búsqueda manual de commits en una búsqueda binaria automatizada. Así es cómo encontrar el commit exacto que introdujo un bug sin hacer checkout de cada uno.

Tu rastreador de errores sabe dónde murió. Eso no te ayudará a reproducirlo.

Los stack traces te dicen dónde ocurrió un crash, no qué lo causó. Aquí tienes un patrón de captura y reproducción que convierte los crashes de producción en casos de prueba locales que realmente puedes depurar.

La ejecución simbólica encontró un integer overflow que mi cobertura de tests del 94% se perdió

Tus unit tests comprueban entradas específicas. La ejecución simbólica comprueba cada entrada posible. Así es como funciona, qué cuesta y por dónde empezar.