Motion decision memoサンプル
選択モーション、理由、使う場面、使わない場面、リスク、代替、実装メモ、レビュー項目。
実際に動くサンプルを見ながら、UIモーションの違い・使いどころ・AIへの頼み方を確認できます。
検索、お気に入り、最近見た項目、比較対象はこのブラウザ内で処理します。検索語をサーバーへ送信しません。
完全一致がありません
例：fade、slide、hover、loading、scroll reveal、押した感じ、エラーで震える、チェックが描かれる。
比較（最大2件）
PreviewモードPro出力サンプルを表示しています。コピーや書き出しにはProの有効化が必要です。
Pro出力プレビュー
Motion Atlasは、検索、ライブデモ、詳細、2件比較、基本依頼文コピー、お気に入り、最近見た項目、reduced motion確認を無料のまま維持します。Proは判断結果を実装ハンドオフに変換する出力層です。
Framer Motion promptサンプル
対象コンポーネント、initial / animate / transition、duration、easing、reduced motion対応、禁止する動き。
CSS implementation promptサンプル
keyframes、class設計、duration、easing、media query、replay設計。
Tailwind / React promptサンプル
Reactコンポーネント、Tailwind class、state/replay、reduced motion、アクセシビリティ注意。
Codex taskサンプル
対象ファイル、実装目的、変更内容、acceptance criteria、reduced motion要件、regression check。
GitHub Issueサンプル
title、background、requirements、accessibility、acceptance criteria、test checklist。
reduced motion checklistサンプル
prefers-reduced-motion、transform削除、loop停止、shake/pulse/bounce代替、autoplay、replay、pause、focus影響。
compare handoffサンプル
比較モーション、推奨、理由、除外案、代替、実装メモ、Codex handoff。
Proハンドオフツール
選択中モーションの実装依頼文、比較ハンドオフ、Markdown / JSONを書き出せます。
お気に入り
最近見た項目
このプロジェクトを支援
Motion Atlas は無料ファーストで運用します。カタログ、デモ、日英メモの維持に支援を使います。