Prévia ao vivo, rodando exatamente o código que o prompt carrega
Teller Monthly Budget Pace
A monthly budget screen built around a pace chart: cumulative spend walked out of a daily array as a solid line, the even pace to the budget as a neutral dashed line, and the same rate carried past today as a dashed projection landing well over. Category budgets follow as proportional bars, with only the ones heading past their own limit taking the red.
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
- 506 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.
