Vista previa en vivo, ejecutando el mismo código que lleva el prompt
Teller Card Controls
A card detail screen where the card is drawn rather than photographed, so freezing it repaints the whole thing instead of dropping a badge over a picture. Below it the controls are plain hairline rows with working switches, each carrying one line saying what the consequence actually is in the state it is in, plus the spend that went through the card this month.
Pégalo en Claude Code, Cursor o Windsurf. Construye esta pantalla 1:1 en tu app.
Qué lleva el promptTodo incluido, nada se descarga
- screen.tsx
- escrito al completo, listo para pegar
- 559 líneas
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- vía @expo-google-fonts
- Reglas de integración
- se entrega 1:1, nunca se adapta a tu tema
- SDK 52+
La regla que sigue este diseño
Se entrega exactamente como se muestra en la vista previa: mismos colores, misma tipografía, mismo texto, mismo movimiento. El prompt le indica a tu agente que lo construya así, sin adaptarlo a tu tema existente.
