656 fertig codierte mobile App-Screens

Feedback

Problemlösung

Animationen, die nicht laufen, falsche Schriften, ein Agent, der deinen Screen umgestaltet hat. Die fünf echten Fehler.

Die Animationen laufen nicht

Das ist mit Abstand das häufigste. Reanimated braucht sein Babel-Plugin, und es muss das letzte im plugins-Array sein. Ohne es zeigen animierte Komponenten ihre Endwerte an und nichts bewegt sich, ohne dass irgendwo ein Fehler auftaucht.

// babel.config.js
module.exports = function (api) {
  api.cache(true)
  return {
    presets: ['babel-preset-expo'],
    plugins: ['react-native-reanimated/plugin'], // must be LAST
  }
}

Starte dann den Bundler mit geleertem Cache neu: npx expo start -c. Ein einfacher Neustart reicht nicht.

Die Schriften sehen falsch aus

Schriften laden einmal in der Wurzel der App, nicht innerhalb eines Screens. Jedes Design exportiert ein fonts-Objekt; füge es in useFonts in deiner Wurzel ein und halte den Splash Screen, bis es sich auflöst. Überspringst du das, fällt der Text auf die Systemschrift zurück und jede Schriftstärke sieht leicht daneben aus.

import { useFonts } from 'expo-font'
import * as SplashScreen from 'expo-splash-screen'
import { fonts } from './components/clean-settings/screen'

SplashScreen.preventAutoHideAsync()

export default function App() {
  const [loaded, error] = useFonts({ ...fonts })
  useEffect(() => {
    if (loaded || error) SplashScreen.hideAsync()
  }, [loaded, error])
  if (!loaded && !error) return null
  return <YourApp />
}

Der Agent hat es umgestaltet, damit es zu meiner App passt

Sag ihm, er soll es rückgängig machen, und füge den Prompt in eine neue Konversation ein. Die Anweisung, nicht anzupassen, steht in jedem Prompt, aber eine lange Sitzung, in der der Agent deine Konventionen schon aufgenommen hat, kann sie übergehen. Ein sauberer Kontext ist der zuverlässige Fix.

Es stürzt in Expo Go ab

Prüf das Badge des Designs. Ein paar nutzen native Module, die Expo Go nicht mitbringt, und die brauchen einen Development Build. Das Badge auf der Karte, das Badge auf der Detailseite und der Prompt selbst sagen das alle, bevor du kopierst.

npx expo run:ios

Der Agent hat auf halbem Weg gestoppt und einen Platzhalter hinterlassen

Bitte ihn, die Datei zu beenden, die er abgeschnitten hat, indem du sie benennst. Der Prompt verbietet Platzhalter ausdrücklich, aber Agenten unter Kontextdruck tun es gelegentlich trotzdem, und lange Flows sind meist der Übeltäter. Nichts geht verloren; der Rest des Einfügens ist intakt.

Immer noch festgefahren?
Schreib an support@clevens.com mit dem Design-Slug und was dein Agent getan hat. Ein Prompt, der auf dieselbe Weise zweimal scheitert, ist ein Fehler im Prompt, nicht in deiner Einrichtung, und wird behoben.