Prévia ao vivo, rodando exatamente o código que o prompt carrega
Teller Card Controls
A card detail screen where the card is drawn rather than photographed, so freezing it repaints the whole thing instead of dropping a badge over a picture. Below it the controls are plain hairline rows with working switches, each carrying one line saying what the consequence actually is in the state it is in, plus the spend that went through the card this month.
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
- 559 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.
