ライブプレビュー、プロンプトが運ぶのと全く同じコードで動作しています
Capstan How You Listen
A listening stats screen that draws audio consumed against the time it actually took at 1.4x, so the gap between the two bars is the argument for the speed control, with the hours broken down by show.
Claude Code、Cursor、Windsurfに貼り付けてください。この画面をあなたのアプリに1対1で構築します。
プロンプトに含まれるものすべてインライン、外部取得なし
- screen.tsx
- 完全な形で記述済み、貼り付けるだけ
- 518行
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- @expo-google-fonts 経由
- 統合ルール
- 1:1で再現され、既存テーマに合わせて変更されません
- SDK 52+
このデザインが従うルール
プレビューと全く同じ状態で提供されます：同じ色、同じタイポグラフィ、同じテキスト、同じモーション。プロンプトはあなたのエージェントに、既存のテーマに合わせて調整せず、そのまま構築するよう指示します。
