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

フローとボイラープレート

複数ステップのフローはコントローラーごと提供されるので、1つのコンポーネントを組み込むだけです。ボイラープレートはその他すべての土台です。

3つのコンテンツタイプ

タイプ内容届き方
画面独立した1つの画面。1つのファイルと、あれば少しのヘルパー。プロンプトをコピー
フローコントローラー付きの、順序付けられた画面のセット。例:4ステップのオンボーディング。プロンプトをコピー
ボイラープレート完全に動作するExpoアプリ。まだ公開されていません。1つのCLIコマンド

フローには専用のコントローラーが付属します

フローは、あなたが順序を組む4つのばらばらな画面ではありません。ステップのインデックス、回答、ステップ間の遷移を管理するindex.tsxが付属するため、4つではなく1つのコンポーネントをナビゲーションに組み込むだけです。

  • initialStepは、ディープリンクや再開されたセッションのために、フローを途中から開きます。
  • onCompleteは最後のステップの後に、フローが集めた内容とともに発火します。
import AuroraOnboarding from './components/aurora-onboarding'

<AuroraOnboarding
  onComplete={answers => {
    saveOnboarding(answers)
    router.replace('/home')
  }}
/>

ボイラープレートはその他すべての土台です

公開済みの12個のボイラープレートは、どのアプリにも一度は必要で、誰も二度と書きたくない部品です:セーフエリア、余白のスケール、タイプのスケール、エレベーション、押下状態、キーボード回避、触覚フィードバック、リストのパフォーマンス、エラーバウンダリー、そして色とモーションのトークン。それぞれ動作する実装と、それを試せるデモが付属します。

画面と全く同じようにコピーできます。1つのプロンプト、その中のファイルを、エージェントが書き込みます。何もないところからアプリを始めるなら、まずこれらから始めてください。ライブラリ内のすべての画面は、これらがすでに存在することを前提としています。

動作するアプリの雛形は別物で、まだここにはありません
アプリ全体の雛形はネイティブ設定を含めて40ファイル以上になり、貼り付けるプロンプトではなく複製するリポジトリが必要です。これはまだ構築中で、料金ページのどこにも、それが存在するまでは約束していません。