Xem trước trực tiếp, chạy đúng đoạn mã mà prompt mang theo
Ledger Spending Insights
Spending by category as a gapped donut with a legend that doubles as bars. Each category keeps one colour across the ring, the dot and the bar, so you can follow a slice to its row without reading a label, and every row states the change on last month in pounds.
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
- 373 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.
