ライブプレビュー、プロンプトが運ぶのと全く同じコードで動作しています
Ballast Your Cover
The home screen of a personal insurance app: three policies as line-drawn cards, the combined monthly premium reduced out of the policy and scheduled-item arrays, the claim in review carried by a dot rather than by ochre type, and a computed countdown to the next payment.
Claude Code、Cursor、Windsurfに貼り付けてください。この画面をあなたのアプリに1対1で構築します。
プロンプトに含まれるものすべてインライン、外部取得なし
- screen.tsx
- 完全な形で記述済み、貼り付けるだけ
- 432行
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- @expo-google-fonts 経由
- 統合ルール
- 1:1で再現され、既存テーマに合わせて変更されません
- SDK 52+
このデザインが従うルール
プレビューと全く同じ状態で提供されます：同じ色、同じタイポグラフィ、同じテキスト、同じモーション。プロンプトはあなたのエージェントに、既存のテーマに合わせて調整せず、そのまま構築するよう指示します。
