Baue deine Expo-App. Behalte die Kontrolle.

Autotomy ist ein Expo- und React-Native-Starter mit bearbeitbarem TypeScript-Quellcode, Architekturprüfungen und einer CLI für deinen KI-Programmierassistenten.

Sieh in den Starter hinein
Oder im Projektordner starten
npx autotomy install

Installation und Kauf öffnen, sobald die Version bereit ist. Die Anleitung kannst du bereits lesen.

Dein Quellcode. Deine KI. Nachvollziehbare Prüfungen.

Worauf deine App aufbaut.

Die Werkzeuge darunterExpo + React Native

Expo und React Native liefern die mobile Plattform. Bibliotheken übernehmen Navigation, Gestaltung, Speicherung und weitere Aufgaben.

Der Starter für dichAutotomy Expo Starter Pack

Autotomy ergänzt eine klare Projektstruktur, KI-Anweisungen, Prüfungen und funktionierende Beispiele. Den Quellcode kannst du selbst ansehen und ändern.

Die App, die du baustDeine Funktionen und Integrationen

Ergänze die Funktionen, die deine App ausmachen. Füge Anmeldung, Backend oder Zahlungen hinzu, wenn dein Produkt sie braucht, und nutze dabei die dokumentierten Muster.

Verstehe, worauf du aufbaust.

Wähle einen Ordner, um seinen Zweck zu sehen.

autotomy / expoEin geführter Einblick in den echten Quellcode
expo / package.jsonAutotomy-Grundlage

Gute Werkzeuge. Klare Zuständigkeiten.

Expo und React Native führen die App aus. Bibliotheken übernehmen Navigation, Gestaltung, Speicherung und weitere Aufgaben.

Warum es diesen Bereich gibt

Autotomy ergänzt Projektstruktur, KI-Anweisungen und Prüfungen. Du kannst die Zusammenhänge verstehen, bevor du eigene Funktionen hinzufügst.

Technische Details ansehen

Die Bibliotheken und ihre Aufgaben

Externe BibliothekWarum es diesen Bereich gibt
ExpoMobile Werkzeuge und LaufzeitReact NativeNative App-OberflächeExpo RouterDateibasierte NavigationNativeWindUtility-basiertes StylingTanStack QueryKoordination des ServerzustandsAsyncStorageLokale PersistenzZodDatenvalidierung zur Laufzeit

In package.json deklariert und mit pnpm installiert. Autotomys Adapter sind eigener Quellcode, kein Herstellercode.

In diesem Ordner

package.json
pnpm-lock.yaml
expo / src/app/Autotomy-Grundlage

Eine Route öffnet die Tür.

Expo-Router-Dateien verbinden Tabs und URLs mit einem Bildschirm und seinem Controller. Die Wurzel setzt außerdem die Provider der App zusammen.

Warum es diesen Bereich gibt

Das Routing bleibt klein. Darstellung und Produktoperationen haben eigene Bereiche, damit eine Route nicht zur gesamten Funktion wird.

Technische Details ansehen

In diesem Ordner

src/app/_layout.tsx
src/app/(tabs)/settings.tsx
expo / src/ui/Autotomy-Grundlage

Was Menschen sehen und bedienen.

Bildschirme stellen Lade-, Bereitschafts- und Fehlerzustände dar. Gemeinsame Grundelemente und Kompositionen geben ihnen eine einheitliche visuelle Sprache.

Warum es diesen Bereich gibt

Die Darstellung erhält ausdrückliche Eingaben. Sie greift nicht auf einen anderen Bildschirm zu, um dessen Implementierung zu übernehmen.

Technische Details ansehen

In diesem Ordner

src/ui/components/shared/
src/ui/components/common/
src/ui/settings/
expo / src/ui/settings/Enthaltenes Beispiel

Eine kleine Funktion, vollständig umgesetzt.

Die Darstellungseinstellungen verbinden Bildschirm, Controller, Anwendungsfall, Reducer und Speicheradapter, einschließlich Lade- und Fehlerzuständen.

Warum es diesen Bereich gibt

Du kannst einen vollständigen Weg durch die Architektur untersuchen, bevor du deine eigene Funktion hinzufügst.

Technische Details ansehen
Eine Einstellungsänderung verfolgen

Ein vereinfachter Weg durch die enthaltene Settings-Funktion. Wähle einen Schritt, um seinen Bereich zu erkunden.

In diesem Ordner

src/ui/settings/
src/hooks/settings/useSettingsController.ts
src/use-cases/settings/settings.ts
src/services/settings.ts
expo / src/ui/puzzle-lab/Enthaltenes Beispiel

Ein Beispiel mit einem Ausgang.

Eine funktionierende Schachaufgaben-Funktion zeigt, wie du Daten abrufst, Fehler behandelst und die Teile einer App verbindest.

Warum es diesen Bereich gibt

Lerne an einem vollständigen Beispiel und archiviere es, wenn du eigene Funktionen hinzufügen möchtest. Die enthaltenen Einstellungen bleiben unabhängig.

Technische Details ansehen

Die Erkenntnis behalten. Die Demo entfernen.

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

Dieser Befehl ist speziell für Puzzle Lab. Er archiviert den Beispielcode und hält dessen gemeinsame Beiträge zur Prüfung fest.

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

In diesem Ordner

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

Hier kommen die Teile zusammen.

Kompositions-Hooks verbinden Zustand, Anwendungsfälle und Dienste. Daraus bereiten sie ein Modell und Aktionen für den Bildschirm vor.

Warum es diesen Bereich gibt

Der Bildschirm kann sich auf die Darstellung konzentrieren, während diese Schicht die dafür nötige Arbeit koordiniert.

Technische Details ansehen
Eine Einstellungsänderung verfolgen

Ein vereinfachter Weg durch die enthaltene Settings-Funktion. Wähle einen Schritt, um seinen Bereich zu erkunden.

In diesem Ordner

src/hooks/settings/useSettingsController.ts
src/hooks/settings/settingsScreenModel.ts
expo / src/use-cases/Anwendungslogik

Deine App trifft die Entscheidungen.

Hier entscheidet deine App, was sie tut. Die Einstellungsfunktion speichert und lädt hier die Vorlieben einer Person.

Warum es diesen Bereich gibt

Der Speichervorgang ist von der Speicherbibliothek getrennt. Du kannst das Verhalten testen, ohne Daten auf ein echtes Gerät zu schreiben.

Technische Details ansehen
Eine Einstellungsänderung verfolgen

Ein vereinfachter Weg durch die enthaltene Settings-Funktion. Wähle einen Schritt, um seinen Bereich zu erkunden.

In diesem Ordner

src/use-cases/settings/settings.ts
src/use-cases/puzzle-lab/puzzle-lab.ts
expo / src/state/Anwendungslogik

Eine Änderung, die du nachvollziehen kannst.

Reine Reducer beschreiben Zustandsübergänge. Sie verwalten dauerhafte Client-Daten und verwenden Immer für unveränderliche Aktualisierungen.

Warum es diesen Bereich gibt

Netzwerk- und Speichereffekte liegen anderswo. Bei gleichem Zustand und gleicher Eingabe kann ein Reducer erneut dasselbe Ergebnis liefern.

Technische Details ansehen
Eine Einstellungsänderung verfolgen

Ein vereinfachter Weg durch die enthaltene Settings-Funktion. Wähle einen Schritt, um seinen Bereich zu erkunden.

In diesem Ordner

src/state/settings/settings.state.ts
src/state/puzzle-lab/puzzle-lab.state.ts
expo / src/services/Autotomy-Grundlage

Externe Werkzeuge. Interne Grenzen.

Dieser Ordner verbindet deine App mit Speicher und externen Diensten. Er prüft eingehende Daten und behandelt Fehler, bevor er ein Ergebnis zurückgibt.

Warum es diesen Bereich gibt

Jede Integration hat einen festen Platz. Die Entscheidungen deiner App bleiben vom externen Werkzeug getrennt, das die Arbeit ausführt.

Technische Details ansehen
Eine Einstellungsänderung verfolgen

Ein vereinfachter Weg durch die enthaltene Settings-Funktion. Wähle einen Schritt, um seinen Bereich zu erkunden.

In diesem Ordner

src/services/settings.ts
src/services/api/
src/services/query-client.ts
expo / src/types/Anwendungslogik

Gemeinsame Bedeutungen, festgehalten.

Einstellungen, Routen, Fehler und asynchrone Daten haben ausdrückliche Typen. Der Ergebnisvertrag verwendet die Bibliothek neverthrow.

Warum es diesen Bereich gibt

Bereiche können festlegen, was sie austauschen, ohne die Implementierung des jeweils anderen zu importieren.

Technische Details ansehen
Eine Einstellungsänderung verfolgen

Ein vereinfachter Weg durch die enthaltene Settings-Funktion. Wähle einen Schritt, um seinen Bereich zu erkunden.

In diesem Ordner

src/types/settings.ts
src/types/result.ts
expo / src/theme/Autotomy-Grundlage

Ein Ort für die visuelle Sprache der App.

Semantische Tokens und die Theme-Laufzeit definieren das visuelle Vokabular. tokens.ts erzeugt den Theme-Block in global.css.

Warum es diesen Bereich gibt

Ändere die Quell-Tokens, statt erzeugtes CSS auszubessern. Gemeinsame Komponenten übertragen diese Entscheidungen auf die Bildschirme.

Technische Details ansehen

In diesem Ordner

src/theme/tokens.ts
src/theme/provider.tsx
src/theme/css-variables.ts
expo / src/route-error/Autotomy-Grundlage

Wenn ein Bildschirm nicht gerendert werden kann.

Der Fehleradapter von Expo Router protokolliert Darstellungsfehler und bietet eine abgegrenzte Wiederherstellungsansicht.

Warum es diesen Bereich gibt

Die Ersatzansicht vermeidet Abhängigkeiten von den Providern des ausgefallenen Bildschirms. So gibt es weniger Gründe, warum auch die Wiederherstellung scheitern könnte.

Technische Details ansehen

In diesem Ordner

src/route-error/index.tsx
expo / scripts/Autotomy-Grundlage

Regeln, die sich prüfen lassen.

Skripte unterstützen Architekturregeln, Theme-Erzeugung, Quellcode-Paketierung und die Archivierung von Puzzle Lab.

Warum es diesen Bereich gibt

pnpm check bündelt Prüfungen für Typen, Grenzen, Tests, erzeugtes Theme, native Konfiguration und Abhängigkeiten. Es kann Probleme erkennen, garantiert aber keine fehlerfreie App.

Technische Details ansehen

In diesem Ordner

scripts/eslint-rules.cjs
expo / docs/Autotomy-Grundlage

Die Begründungen bleiben beim Quellcode.

Zuständigkeitsübersichten, Funktionsmuster und Implementierungsarchetypen beschreiben die Organisation des Projekts und seine Erweiterung.

Warum es diesen Bereich gibt

Du und deine KI haben eine gemeinsame Referenz für die nächste Änderung. Spätere Entwickler können dieselben Entscheidungen nachlesen.

Technische Details ansehen

In diesem Ordner

docs/SLICE_ARCHETYPES.md
docs/SETTINGS.md
docs/PUZZLE_LAB.md
expo / AGENTS.mdAutotomy-Grundlage

Gib deiner KI die Projektregeln.

AGENTS.md hält Architekturgrenzen und Arbeitsanweisungen für dieses Repository fest.

Warum es diesen Bereich gibt

Ein klar begrenzter Funktionsauftrag kann auf diese Anweisungen und Archetypen verweisen und pnpm check vor der Prüfung verlangen.

Technische Details ansehen

In diesem Ordner

AGENTS.md
ARCHITECTURE.md
expo / START_HERE.mdAutotomy-Grundlage

Beginne mit einer konkreten Reihenfolge.

Der Leitfaden behandelt Installation, Ausführung der Grundlage, Prüfung einer Änderung und Wiederherstellung bei Problemen.

Warum es diesen Bereich gibt

Du erhältst bearbeitbaren Quellcode und einen dokumentierten Arbeitsablauf. Store-Konten, Signierung und produktspezifische Veröffentlichungsentscheidungen bleiben deine Aufgabe.

Technische Details ansehen

In diesem Ordner

START_HERE.md
PRIVATE_BETA.md
Wähle einen Ordner, um seinen Zweck zu sehen.TypeScript · Expo

Gib deiner KI einen klaren Anfang.

Nutze den Prompt in Codex, Claude Code oder Cursor. Anmeldung und Zahlung erledigst du im Browser; der Agent setzt die Installation fort.

In deinen Coding-Agenten einfügen
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.
Loslegen

Was ist Autotomy?

Autotomy ist ein Expo- und React-Native-Starter mit bearbeitbarem TypeScript-Quellcode, Architekturprüfungen und einer CLI für deinen KI-Programmierassistenten.

Was gehört zur Grundlage?

Vollständiger Foundation-Quellcode, Basisprüfungen, Agenteneinrichtung sowie die gekaufte Version und veröffentlichte v1-Korrekturen.

Was fügst du hinzu?

Die Funktionen deines Produkts. Authentifizierung, Backend, Zahlungen und native Fähigkeiten mit Berechtigungsbedarf werden bewusst erst ergänzt, wenn das Produkt sie braucht. Du wählst die Dienste und implementierst die entsprechende Funktion.

Eine Änderung machen. Dann prüfen.

Beginne mit START_HERE.md. Beschreibe deiner KI eine klar begrenzte Funktion, folge den Archetypen und führe die Prüfungen aus. Untersuche das Ergebnis, bevor du darauf aufbaust.

Die Anweisungen erkundenSieh in den Starter hinein
In deinen Coding-Agenten einfügen
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.

Mit Quellcode starten. Unterstützung behalten.

Kaufe die Foundation einmal. Ergänze gepflegte Audits und Upgrade-Hilfe nach Bedarf.

Starter

US$149einmalig

Vollständiger Foundation-Quellcode, Basisprüfungen, Agenteneinrichtung sowie die gekaufte Version und veröffentlichte v1-Korrekturen.

Starter enthält 30 Tage Pro ohne automatische Verlängerung.

Weiter zu deinem Konto

Pro

US$19/ Monat

oder US$190 / Jahr

Gepflegte Audits, Erkennung geänderter Prüfregeln, KI-geführte Expo-Upgrades und Premium-Hook-Feedback.

Dein Konto

Ein Entwickler, unbegrenzt viele Autotomy-Projekte. Pro setzt Starter voraus. Dein KI-Agent und dessen Kosten bleiben separat.

Nach Ablauf von Pro stoppen Premium-Befehle. Quellcode, Basisprüfungen, Builds und veröffentlichte Apps funktionieren weiter.

Ein separat gekauftes Pro-Abo wird sofort berechnet. Ungenutzte enthaltene Tage werden nicht gutgeschrieben. Nach Kündigung bleibt der Zugang bis zum Ende des bezahlten Zeitraums.

Installation und Kauf öffnen, sobald die Version bereit ist. Die Anleitung kannst du bereits lesen.

Bevor du beginnst

Was kaufe ich?

Starter ist bearbeitbarer Expo-Quellcode mit Basisprüfungen. Pro ist ein optionales Abo für Audits und KI-geführte Upgrades. Es ist kein gehosteter App-Baukasten.

Was passiert nach 30 Tagen?

Pro endet ohne ausdrücklich abgeschlossenes Abo. Es wird nichts automatisch berechnet. Quellcode und Basisprüfungen bleiben nutzbar.

Wird meine App automatisch geändert?

Die Installation verwaltet eigene Dateien. Audits liefern Belege und Reparaturhinweise. Deine KI ändert den Code, du prüfst ihn.

Welche Lizenz gilt?

Die bestehende Foundation bleibt MIT. Neue Premium-Tools und Anleitungen haben separate kommerzielle Bedingungen. Drittanbieter behalten ihre Lizenzen.

Sind App-Anmeldung und Zahlungen enthalten?

Nein. Das Autotomy-Konto kauft Entwicklungstools. Identität, Backend, Zahlungen, Signierung und Store-Veröffentlichung entscheidest du für dein Produkt.

Notizen zum Entwickeln mit KI

Artikel lesen