656件のすぐ使えるモバイルアプリ画面

最初の画面

無料デザインをコピーし、エージェントに貼り付けて動かします。最初から最後まで5分です。

手順を見る

  1. 無料デザインを開きます。例えばClean Settings。まずプレビューを操作してみてください。実際に動いているものです。
  2. プロンプトをコピーを押します。アカウントもセットアップも不要です。
  3. Expoプロジェクトでエージェントを開き、貼り付けて送信します。
  4. エージェントがファイルを書き込み、npx expo installを実行し、どこに配置したかを教えてくれます。
  5. アプリを起動します。プロジェクトで最初のデザインであれば、プロンプトに書かれたフォント読み込みのスニペットをアプリのルートに追加してください。

確認できるはずのもの

シミュレーター上の画面は、サイト上のプレビューと同じ色、同じタイプ、同じ余白、初回マウント時の同じ登場アニメーションで、見分けがつかないはずです。何か違いがあれば、デザインが近似だったのではなく、貼り付けの過程で何かが誤っています。

貼り付けは新しい会話で
プロンプトは大きく精密です。すでにあなたのコードベースについて強い前提を持つ長いセッションに貼り付けることが、デザインが再テーマ化されてしまう最も多い原因です。

それで作業は完了です

デザインは今、あなたが所有する通常のファイルとしてリポジトリにあります。プレビューで見たとおりの形で届いており、それが私たちが関知する唯一のバージョンです。この先それをどう扱うかは、あなたと、あなた自身のコードベースにいるあなた自身のエージェントとの間の話であり、私たちには関係ありません。