Prévia ao vivo, rodando exatamente o código que o prompt carrega
Teller Spending Breakdown
A spending screen where the ring is computed arc by arc from the category array so the six segments sum to the total by construction, and the budget card divides by the days that have actually elapsed and draws the projection against the line the budget would need.
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
- 614 linhas
- Inter
- Regular, Medium, Semi Bold, 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.
