Prévia ao vivo, rodando exatamente o código que o prompt carrega
Transom Compare Properties
Three saved properties in scrolling columns, each with its photograph, price, rooms, floor area and a computed price per square foot drawn as a bar. That row inverts the order, since the cheapest house is the most expensive space, and the monthly payment underneath puts all three on the same deposit, rate and term.
Cole no Claude Code, Cursor ou Windsurf. Ele constrói essa tela 1:1 no seu app.
O que o prompt carregaTudo embutido, nada é baixado
- screen.tsx
- escrito por completo, pronto para colar
- 511 linhas
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- via @expo-google-fonts
- Regras de integração
- entregue 1:1, nunca adaptado ao seu tema
- SDK 52+
A regra que esse design segue
Ele é entregue exatamente como na prévia: mesmas cores, mesma tipografia, mesmo texto, mesma animação. O prompt diz ao seu agente para construir assim, sem adaptar ao seu tema já existente.
