Vista previa en vivo, ejecutando el mismo código que lleva el prompt
Teller Spending Breakdown
A spending screen where the ring is computed arc by arc from the category array so the six segments sum to the total by construction, and the budget card divides by the days that have actually elapsed and draws the projection against the line the budget would need.
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
- 614 líneas
- Inter
- Regular, Medium, Semi Bold, 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.
