motion-reference

モーションリファレンス

60fps MCP サーバーには、実際の iOS 操作を収録した 2,000 件以上のクリップがあります。それぞれにモーションの説明があり、多くのクリップにはコンパイル確認済みの SwiftUI による再現コードもあります。タイミングを独自に考える代わりに、こちらを使ってください。このライブラリの数値は、実際にリリースされたアプリから取得したものです。

ツールはこの順序で使ってください

1. 60fps_search_shots。キーワードではなく、自然な言葉で入力します。「決済用の、弾むようなボトムシート」なら適切です。「シート」だけでは不十分です。ユーザーが指定した場合に限り、app または filters を設定します。
2. 60fps_get_motion_breakdown。開始状態、遷移、終了状態、タイミング、イージングがわかります。これをもとにデザインします。
3. 60fps_get_motion_code。自己完結型の SwiftUI ファイルが返されます。省略せず、すべて Swift のコードブロックに入れてユーザーに提示してください。 引用ではなく、これが成果物です。
4. 最初に選んだものが近いものの、適切ではない場合は 60fps_get_related_shots を使います。

結果を正直に読み取ってください

検索ではライブラリ全体が類似度順に並ぶため、質問との関連性がどれだけ低くても、必ず何かが返されます。total が大きくても、検索したショットの数を示しているのであり、一致した数ではありません。それぞれの結果を個別に評価し、適切なものがない場合はその旨を伝えてください。

使用しない場合

このライブラリは iOS 専用で、モーションを扱っています。

Android、Material、Flutter、React Native、Web には使用しないでください。また、アイコンデザイン、カラーパレット、ロゴ、ブランド関連にも使用しないでください。名前が同じというだけで、それ以外に共通点のないパフォーマンスやフレームレートのプロファイリングにも使用しないでください。これらの場合でも iOS のクリップが返されますが、適切ではありません。代わりに直接回答してください。

コードの使用方法

各ファイルは単体で動作します。Xcode に貼り付けて実行してください。

設計上、元のアプリの文言、色、ブランド、アセットは一切含まれていません。ユーザーのデザインシステムに合わせてスタイルを変更してください。残す価値があるのはモーションです。