ライブプレビュー、プロンプトが運ぶのと全く同じコードで動作しています
Ballast Payments
An insurance billing screen where the year so far is drawn one payment at a time, every column stacked in the same three tones so the split across the policies is visible nine times over. The countdown to the next payment, the total taken and the annual saving with its percentage are all computed against one reference date.
Claude Code、Cursor、Windsurfに貼り付けてください。この画面をあなたのアプリに1対1で構築します。
プロンプトに含まれるものすべてインライン、外部取得なし
- screen.tsx
- 完全な形で記述済み、貼り付けるだけ
- 564行
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- @expo-google-fonts 経由
- 統合ルール
- 1:1で再現され、既存テーマに合わせて変更されません
- SDK 52+
このデザインが従うルール
プレビューと全く同じ状態で提供されます：同じ色、同じタイポグラフィ、同じテキスト、同じモーション。プロンプトはあなたのエージェントに、既存のテーマに合わせて調整せず、そのまま構築するよう指示します。
