Xem trước trực tiếp, chạy đúng đoạn mã mà prompt mang theo
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.
Dán vào Claude Code, Cursor hoặc Windsurf. Nó sẽ xây dựng màn hình này giống hệt 1:1 trong ứng dụng của bạn.
Prompt mang theo những gìMọi thứ được nhúng sẵn, không tải thêm gì
- screen.tsx
- được viết đầy đủ, sẵn sàng để dán
- 506 dòng
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- qua @expo-google-fonts
- Quy tắc tích hợp
- giao đúng 1:1, không bao giờ đổi theo theme của bạn
- SDK 52+
Quy tắc mà thiết kế này tuân theo
Nó được giao đúng như trong bản xem trước: cùng màu sắc, cùng kiểu chữ, cùng nội dung, cùng chuyển động. Prompt yêu cầu tác nhân của bạn xây dựng đúng như vậy, không điều chỉnh theo giao diện hiện có của bạn.
