github.devotd.
新着コーディングエージェント

lovisdotio/motion2code — モーションデザイン動画を SVG と GSAP で再現するスキル

lovisdotio/motion2code は、モーションデザイン動画を再現可能な SVG と GSAP のコードに作り直し、原本とフレーム単位で照合して確認するコーディングエージェント向けのスキル集である。

リポジトリ情報lovisdotio/motion2code ↗

lovisdotio/motion2code は、モーションデザイン動画を再現可能な SVG と GSAP のコードに作り直し、原本とフレーム単位で照合して確認するコーディングエージェント向けのスキル集である。

GitHub の説明: Skills for coding agents: rebuild a motion design video as looping SVG + GSAP code, checked frame by frame against the source

スター
★ 101
フォーク
9
言語
HTML
ライセンス
MIT
原文を見る ↗GitHub で見る ↗

lovisdotio/motion2code はコーディングエージェント向けのスキル集である。モーションデザイン(画面要素に動きを与える作業)の動画を、���現可能な SVG と GSAP(ウェブアニメーションライブラリ)のコードに作り直すよう案内する。このリポジトリに記録されているリリース版はない。

スキルは、コーディングエージェントが作業するうえで従う手順と指針をまとめたものである。このリポジトリの違いは、再生実装に確認の工程を付け加えている点にある。動画からフレームを抽出し、シーンの切り替えを分析したうえで、結果を原本と1フレームずつ照合して確認する。複数の再現スクリプトとサンプル、検査ファイルが含まれており、各サンプルには比較画面と実行可能なページが収まっている。再生画面を実際のインタラクティブなウェブサイトにする手順も扱う。複数のコーディングエージェントと技術ツールに導入して利用できる。ライセンスは MIT、主要言語は HTML、GitHub のスター数は 101 である。

ただし、変換の精度がどれくらいかを測る数値や比較対象は示されていない。確認は、各サンプルに用意された比較画面を見る方法にとどまる。10点満点の評価で、ノベルティ 8.0、技術 8.0、品質 8.0、モメンタム 7.8 は記録に残された評価スコアであり、独立した対照試験ではない。そのため、このリポジトリはモーションデザイン専用のライブラリではなく、視覚要素をコードに移す作業にエージェントを付ける側に近い。完成度を語れるのは、サンプルの比較画面を確認したあとに限られる。