Iniciando simulador
Vista previa en vivo, ejecutando el mismo código que lleva el prompt
Broadsheet Search Results
News search results for a query: filter pills for time, lean and outlets, the story count, then each outlet's headline with its masthead, age and photo.
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
- 346 líneas
- Archivo, Barlow Condensed, DMSerif Display, Libre Franklin, Oswald, Schibsted Grotesk, Sora
- Extra Bold · Bold · Regular · Regular, Medium, Semi Bold · Bold · 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.