Appllama/top-welcome-screens

解決する課題

このプロジェクトは、React Native Expoアプリ向けの、高精度なアニメーション・ウェルカム・オンボーディング画面のコレクションを提供します。開発者が、ゼロから構築するのが困難な、洗練されたプロフェッショナル級のエントランス・アニメーションやスプラッシュ画面を必要とするという問題を解決します。

仕組み

このプロジェクトは、人気のiOSアプリ（DuolingoやStravaなど）にインスパイアされた10個のTypeScriptコンポーネントで構成されるUIキットです。各画面は、精密なモーション・タイミングとレスポンシブなスケーリングを実現するためにReact Native Reanimatedを使用して構築されています。キャリブレーションされたレイアウトのための「ReferenceCanvas」が含まれており、開発者が既存のプロジェクトにこれらの画面をアプリのアーキテクチャを壊さずに統合できるよう、AIコーディングエージェント（CursorやClaude Codeなど）に投入できる特定の「コピー＆ペースト用プロンプト」を提供します。

対象者

プロフェッショナルなオンボーディング・フローを学習したい、あるいはアプリに高品質なウェルカム・アニメーションを実装したい、React NativeおよびExpoを使用するモバイル開発者。

ハイライト

• 10のUIスタディ: Duolingo、Strava、Perplexity、Yazioなどの主要アプリにインスパイアされたアニメーションが含まれています。
• AI対応の統合: 既存のリポジトリへのクリーンな統合を確実にするため、コーディングエージェント向けの厳格なプロンプトを提供します。
• プロフェッショナルなモーション: 独自のタイムライン、低速動作（reduced-motion）への対応、および決定論的な最終状態を備えたReact Native Reanimatedを使用しています。
• 教育的焦点: 洗練されたモバイル製品のフローを学習するための技術リファレンスとして設計されています。