Vista previa en vivo, ejecutando el mismo código que lleva el prompt
Interval Session Detail
A threshold interval session drawn on a time axis: ten blocks laid end to end, each placed by its cumulative start, sized by its minutes and raised and coloured by its zone. The total reduces from the blocks, the planned time in zone reduces from the same blocks and sums back to it, zones three and five are shown genuinely empty rather than hidden, and every target heart rate range is computed from the zone bands.
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
- 567 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.
