Iniciando simulador
Vista previa en vivo, ejecutando el mismo código que lleva el prompt
Broadsheet Topic
A news topic page for a running story: follow state, how many stories and outlets carry it, the lead photo and headline, then each outlet's own take.
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
- 332 líneas
- Anton, Barlow Condensed, Bricolage Grotesque, DMSerif Display, Libre Franklin, Schibsted Grotesk, Unifraktur Maguntia
- Regular · Bold · Extra Bold · Regular · Regular, Medium, Semi Bold · Bold · Regular
- 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.