ライブプレビュー、プロンプトが運ぶのと全く同じコードで動作しています
Interval Session History
Four weeks of finished interval sessions as a list whose every row carries its own time in zone bar, so a scroll shows the shape of the block rather than a column of durations. The range chips refilter the array and the header count, hours and five zone totals all recompute from it.
Claude Code、Cursor、Windsurfに貼り付けてください。この画面をあなたのアプリに1対1で構築します。
プロンプトに含まれるものすべてインライン、外部取得なし
- screen.tsx
- 完全な形で記述済み、貼り付けるだけ
- 487行
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- @expo-google-fonts 経由
- 統合ルール
- 1:1で再現され、既存テーマに合わせて変更されません
- SDK 52+
このデザインが従うルール
プレビューと全く同じ状態で提供されます：同じ色、同じタイポグラフィ、同じテキスト、同じモーション。プロンプトはあなたのエージェントに、既存のテーマに合わせて調整せず、そのまま構築するよう指示します。
