@coppsary/motionly 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/LICENSE +202 -0
  2. package/README.md +499 -0
  3. package/bin/motionly.js +411 -0
  4. package/dist/assets/main-C8oSjoH0.css +1 -0
  5. package/dist/assets/main-CQ2W0QKo.js +2475 -0
  6. package/dist/assets/main-CQ2W0QKo.js.map +1 -0
  7. package/dist/github.svg +3 -0
  8. package/dist/index.html +13 -0
  9. package/dist/logo.svg +12 -0
  10. package/dist/preset/motionly/assets/audio/audio.mp3 +0 -0
  11. package/dist/preset/motionly/assets/svg/antigravity-color.svg +1 -0
  12. package/dist/preset/motionly/assets/svg/claude-code-color.svg +7 -0
  13. package/dist/preset/motionly/assets/svg/code-window.svg +74 -0
  14. package/dist/preset/motionly/assets/svg/code.svg +22 -0
  15. package/dist/preset/motionly/assets/svg/codex-color.svg +1 -0
  16. package/dist/preset/motionly/assets/svg/export.svg +11 -0
  17. package/dist/preset/motionly/assets/svg/file.svg +14 -0
  18. package/dist/preset/motionly/assets/svg/motion.svg +12 -0
  19. package/dist/preset/motionly/assets/svg/motionly-logo.svg +12 -0
  20. package/dist/preset/motionly/assets/svg/play.svg +7 -0
  21. package/dist/preset/motionly/assets/svg/render-frame.svg +25 -0
  22. package/dist/preset/motionly/motionly-preset.gif +0 -0
  23. package/dist/preset/motionly/motionly.motion +385 -0
  24. package/eslint.config.js +44 -0
  25. package/package.json +95 -0
  26. package/templates/motionly-skill/SKILL.md +96 -0
  27. package/templates/project/AGENTS.md +79 -0
  28. package/templates/project/README.md +17 -0
  29. package/templates/project/meta.json +5 -0
  30. package/templates/project/project.motion +32 -0
package/dist/github.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#E4E6EA">
2
+ <path d="M12 2C6.48 2 2 6.59 2 12.25c0 4.53 2.87 8.37 6.84 9.73.5.09.68-.22.68-.49v-1.91c-2.78.62-3.37-1.21-3.37-1.21-.45-1.19-1.11-1.5-1.11-1.5-.91-.64.07-.62.07-.62 1 .07 1.53 1.06 1.53 1.06.89 1.57 2.34 1.12 2.91.86.09-.66.35-1.12.63-1.38-2.22-.26-4.56-1.14-4.56-5.06 0-1.12.39-2.03 1.03-2.75-.1-.26-.45-1.3.1-2.71 0 0 .84-.28 2.75 1.05A9.3 9.3 0 0 1 12 7.02a9.3 9.3 0 0 1 2.5.35c1.91-1.33 2.75-1.05 2.75-1.05.55 1.41.2 2.45.1 2.71.64.72 1.03 1.63 1.03 2.75 0 3.93-2.34 4.8-4.57 5.05.36.32.68.94.68 1.9v2.82c0 .27.18.59.69.49A10.26 10.26 0 0 0 22 12.25C22 6.59 17.52 2 12 2Z"/>
3
+ </svg>
package/dist/index.html ADDED
@@ -0,0 +1,13 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <link rel="icon" href="/logo.svg" />
7
+ <title>Motionly</title>
8
+ <script type="module" crossorigin src="/assets/main-CQ2W0QKo.js"></script>
9
+ <link rel="stylesheet" crossorigin href="/assets/main-C8oSjoH0.css">
10
+ </head>
11
+ <body>
12
+ </body>
13
+ </html>
package/dist/logo.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg width="220" height="220" viewBox="0 0 220 220" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="220" height="220" rx="52" fill="#080B12"/>
3
+ <rect x="2" y="2" width="216" height="216" rx="50" stroke="white" stroke-opacity="0.14" stroke-width="4"/>
4
+ <path d="M55 154V66C55 57.2 65.9 53.1 71.8 59.7L110 102.5L148.2 59.7C154.1 53.1 165 57.2 165 66V154" stroke="url(#paint0_linear)" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M80 154V105L105.8 133.4C108 135.8 112 135.8 114.2 133.4L140 105V154" stroke="white" stroke-opacity="0.72" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <defs>
7
+ <linearGradient id="paint0_linear" x1="55" y1="62" x2="170" y2="160" gradientUnits="userSpaceOnUse">
8
+ <stop stop-color="#8AB4FF"/>
9
+ <stop offset="1" stop-color="#7CF7C5"/>
10
+ </linearGradient>
11
+ </defs>
12
+ </svg>
package/dist/preset/motionly/assets/svg/antigravity-color.svg ADDED
@@ -0,0 +1 @@
1
+ <svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Antigravity</title><mask height="23" id="lobe-icons-antigravity-0-_R_0_" maskUnits="userSpaceOnUse" width="24" x="0" y="1"><path d="M21.751 22.607c1.34 1.005 3.35.335 1.508-1.508C17.73 15.74 18.904 1 12.037 1 5.17 1 6.342 15.74.815 21.1c-2.01 2.009.167 2.511 1.507 1.506 5.192-3.517 4.857-9.714 9.715-9.714 4.857 0 4.522 6.197 9.714 9.715z" fill="#fff"></path></mask><g mask="url(#lobe-icons-antigravity-0-_R_0_)"><g filter="url(#lobe-icons-antigravity-1-_R_0_)"><path d="M-1.018-3.992c-.408 3.591 2.686 6.89 6.91 7.37 4.225.48 7.98-2.043 8.387-5.633.408-3.59-2.686-6.89-6.91-7.37-4.225-.479-7.98 2.043-8.387 5.633z" fill="#FFE432"></path></g><g filter="url(#lobe-icons-antigravity-2-_R_0_)"><path d="M15.269 7.747c1.058 4.557 5.691 7.374 10.348 6.293 4.657-1.082 7.575-5.653 6.516-10.21-1.058-4.556-5.691-7.374-10.348-6.292-4.657 1.082-7.575 5.653-6.516 10.21z" fill="#FC413D"></path></g><g filter="url(#lobe-icons-antigravity-3-_R_0_)"><path d="M-12.443 10.804c1.338 4.703 7.36 7.11 13.453 5.378 6.092-1.733 9.947-6.95 8.61-11.652C8.282-.173 2.26-2.58-3.833-.848-9.925.884-13.78 6.1-12.443 10.804z" fill="#00B95C"></path></g><g filter="url(#lobe-icons-antigravity-4-_R_0_)"><path d="M-12.443 10.804c1.338 4.703 7.36 7.11 13.453 5.378 6.092-1.733 9.947-6.95 8.61-11.652C8.282-.173 2.26-2.58-3.833-.848-9.925.884-13.78 6.1-12.443 10.804z" fill="#00B95C"></path></g><g filter="url(#lobe-icons-antigravity-5-_R_0_)"><path d="M-7.608 14.703c3.352 3.424 9.126 3.208 12.896-.483 3.77-3.69 4.108-9.459.756-12.883C2.69-2.087-3.083-1.871-6.853 1.82c-3.77 3.69-4.108 9.458-.755 12.883z" fill="#00B95C"></path></g><g filter="url(#lobe-icons-antigravity-6-_R_0_)"><path d="M9.932 27.617c1.04 4.482 5.384 7.303 9.7 6.3 4.316-1.002 6.971-5.448 5.93-9.93-1.04-4.483-5.384-7.304-9.7-6.301-4.316 1.002-6.971 5.448-5.93 9.93z" fill="#3186FF"></path></g><g filter="url(#lobe-icons-antigravity-7-_R_0_)"><path d="M2.572-8.185C.392-3.329 2.778 2.472 7.9 4.771c5.122 2.3 11.042.227 13.222-4.63 2.18-4.855-.205-10.656-5.327-12.955-5.122-2.3-11.042-.227-13.222 4.63z" fill="#FBBC04"></path></g><g filter="url(#lobe-icons-antigravity-8-_R_0_)"><path d="M-3.267 38.686c-5.277-2.072 3.742-19.117 5.984-24.83 2.243-5.712 8.34-8.664 13.616-6.592 5.278 2.071 11.533 13.482 9.29 19.195-2.242 5.713-23.613 14.298-28.89 12.227z" fill="#3186FF"></path></g><g filter="url(#lobe-icons-antigravity-9-_R_0_)"><path d="M28.71 17.471c-1.413 1.649-5.1.808-8.236-1.878-3.135-2.687-4.531-6.201-3.118-7.85 1.412-1.649 5.1-.808 8.235 1.878s4.532 6.2 3.119 7.85z" fill="#749BFF"></path></g><g filter="url(#lobe-icons-antigravity-10-_R_0_)"><path d="M18.163 9.077c5.81 3.93 12.502 4.19 14.946.577 2.443-3.612-.287-9.727-6.098-13.658-5.81-3.931-12.502-4.19-14.946-.577-2.443 3.612.287 9.727 6.098 13.658z" fill="#FC413D"></path></g><g filter="url(#lobe-icons-antigravity-11-_R_0_)"><path d="M-.915 2.684c-1.44 3.473-.97 6.967 1.05 7.804 2.02.837 4.824-1.3 6.264-4.772 1.44-3.473.97-6.967-1.05-7.804-2.02-.837-4.824 1.3-6.264 4.772z" fill="#FFEE48"></path></g></g><defs><filter color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="17.587" id="lobe-icons-antigravity-1-_R_0_" width="19.838" x="-3.288" y="-11.917"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_977_115" stdDeviation="1.117"></feGaussianBlur></filter><filter color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="38.565" id="lobe-icons-antigravity-2-_R_0_" width="38.9" x="4.251" y="-13.493"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_977_115" stdDeviation="5.4"></feGaussianBlur></filter><filter color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="36.517" id="lobe-icons-antigravity-3-_R_0_" width="40.955" x="-21.889" y="-10.592"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_977_115" stdDeviation="4.591"></feGaussianBlur></filter><filter color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="36.517" id="lobe-icons-antigravity-4-_R_0_" width="40.955" x="-21.889" y="-10.592"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_977_115" stdDeviation="4.591"></feGaussianBlur></filter><filter color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="36.595" id="lobe-icons-antigravity-5-_R_0_" width="36.632" x="-19.099" y="-10.278"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_977_115" stdDeviation="4.591"></feGaussianBlur></filter><filter color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="34.087" id="lobe-icons-antigravity-6-_R_0_" width="33.533" x=".981" y="8.758"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_977_115" stdDeviation="4.363"></feGaussianBlur></filter><filter color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="35.276" id="lobe-icons-antigravity-7-_R_0_" width="35.978" x="-6.143" y="-21.659"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_977_115" stdDeviation="3.954"></feGaussianBlur></filter><filter color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="46.523" id="lobe-icons-antigravity-8-_R_0_" width="45.114" x="-11.96" y="-.46"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_977_115" stdDeviation="3.531"></feGaussianBlur></filter><filter color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="24.054" id="lobe-icons-antigravity-9-_R_0_" width="25.094" x="10.485" y=".58"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_977_115" stdDeviation="3.159"></feGaussianBlur></filter><filter color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="30.007" id="lobe-icons-antigravity-10-_R_0_" width="33.508" x="5.833" y="-12.467"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_977_115" stdDeviation="2.669"></feGaussianBlur></filter><filter color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="26.151" id="lobe-icons-antigravity-11-_R_0_" width="22.194" x="-8.355" y="-8.876"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur result="effect1_foregroundBlur_977_115" stdDeviation="3.303"></feGaussianBlur></filter></defs></svg>
package/dist/preset/motionly/assets/svg/claude-code-color.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <title>Claude Code</title>
3
+ <path clip-rule="evenodd"
4
+ d="M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z"
5
+ fill="#D97757"
6
+ fill-rule="evenodd" />
7
+ </svg>
package/dist/preset/motionly/assets/svg/code-window.svg ADDED
@@ -0,0 +1,74 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 860 540">
2
+ <rect x="1" y="1" width="858" height="538" rx="18" fill="#0B0D10" stroke="#30343B" stroke-width="2"/>
3
+ <path d="M1 45H859" stroke="#292D33"/>
4
+ <circle cx="24" cy="23" r="4" fill="#626871"/>
5
+ <circle cx="39" cy="23" r="4" fill="#454B53"/>
6
+ <circle cx="54" cy="23" r="4" fill="#343941"/>
7
+ <rect x="354" y="14" width="152" height="19" rx="4" fill="#15181D"/>
8
+ <circle cx="369" cy="23.5" r="4" fill="#76E4B8"/>
9
+ <rect x="380" y="20" width="71" height="7" rx="3.5" fill="#777E87"/>
10
+ <rect x="14" y="58" width="158" height="334" rx="6" fill="#101318" stroke="#242930"/>
11
+ <rect x="27" y="74" width="44" height="7" rx="3.5" fill="#646B74"/>
12
+ <g fill="#171B20">
13
+ <rect x="23" y="96" width="140" height="34" rx="4"/>
14
+ <rect x="23" y="134" width="140" height="34" rx="4"/>
15
+ <rect x="23" y="172" width="140" height="34" rx="4"/>
16
+ <rect x="23" y="210" width="140" height="34" rx="4"/>
17
+ </g>
18
+ <rect x="23" y="96" width="140" height="34" rx="4" fill="#17231F" stroke="#315348"/>
19
+ <g fill="none" stroke="#858C95" stroke-width="2">
20
+ <rect x="34" y="106" width="13" height="13" rx="2"/>
21
+ <path d="M35 145h11v11H35zM35 183h11v11H35zM35 221h11v11H35z"/>
22
+ </g>
23
+ <g fill="#858C95">
24
+ <rect x="56" y="109" width="61" height="5" rx="2.5"/>
25
+ <rect x="56" y="147" width="74" height="5" rx="2.5"/>
26
+ <rect x="56" y="185" width="53" height="5" rx="2.5"/>
27
+ <rect x="56" y="223" width="68" height="5" rx="2.5"/>
28
+ </g>
29
+ <rect x="184" y="58" width="474" height="334" rx="6" fill="#080A0D" stroke="#242930"/>
30
+ <path d="M184 86H658" stroke="#20242A"/>
31
+ <rect x="200" y="68" width="58" height="7" rx="3.5" fill="#646B74"/>
32
+ <rect x="225" y="112" width="392" height="220" rx="4" fill="#11151A" stroke="#343A43"/>
33
+ <path d="M226 268L617 121V332H226Z" fill="#111E1A"/>
34
+ <circle cx="421" cy="211" r="66" fill="#151C22" stroke="#2F3740"/>
35
+ <path d="M397 244L462 211L397 178V244Z" fill="#76E4B8"/>
36
+ <rect x="368" y="350" width="106" height="7" rx="3.5" fill="#4F565F"/>
37
+ <rect x="671" y="58" width="175" height="334" rx="6" fill="#101318" stroke="#242930"/>
38
+ <rect x="687" y="74" width="64" height="7" rx="3.5" fill="#646B74"/>
39
+ <g fill="#171B20" stroke="#2B3037">
40
+ <rect x="685" y="100" width="147" height="56" rx="4"/>
41
+ <rect x="685" y="165" width="147" height="56" rx="4"/>
42
+ <rect x="685" y="230" width="147" height="56" rx="4"/>
43
+ </g>
44
+ <g fill="#6F7680">
45
+ <rect x="696" y="111" width="38" height="5" rx="2.5"/>
46
+ <rect x="696" y="176" width="31" height="5" rx="2.5"/>
47
+ <rect x="696" y="241" width="44" height="5" rx="2.5"/>
48
+ </g>
49
+ <g fill="#0C0E12" stroke="#343A42">
50
+ <rect x="696" y="126" width="58" height="19" rx="3"/>
51
+ <rect x="761" y="126" width="58" height="19" rx="3"/>
52
+ <rect x="696" y="191" width="123" height="19" rx="3"/>
53
+ <rect x="696" y="256" width="123" height="19" rx="3"/>
54
+ </g>
55
+ <rect x="14" y="405" width="832" height="121" rx="6" fill="#0F1216" stroke="#242930"/>
56
+ <path d="M181 405V526M181 433H846" stroke="#292E35"/>
57
+ <g fill="#656C75">
58
+ <rect x="26" y="418" width="54" height="6" rx="3"/>
59
+ <rect x="26" y="446" width="72" height="5" rx="2.5"/>
60
+ <rect x="26" y="475" width="58" height="5" rx="2.5"/>
61
+ <rect x="26" y="504" width="83" height="5" rx="2.5"/>
62
+ </g>
63
+ <g fill="#344A55" stroke="#4D6976">
64
+ <rect x="231" y="446" width="282" height="13" rx="3"/>
65
+ <rect x="311" y="475" width="346" height="13" rx="3"/>
66
+ <rect x="401" y="504" width="201" height="13" rx="3"/>
67
+ </g>
68
+ <g fill="#76E4B8">
69
+ <rect x="231" y="446" width="92" height="13" rx="3"/>
70
+ <rect x="311" y="475" width="68" height="13" rx="3"/>
71
+ </g>
72
+ <path d="M389 405V526" stroke="#F1F4F6" stroke-width="2"/>
73
+ <path d="M382 405H396L389 413Z" fill="#F1F4F6"/>
74
+ </svg>
package/dist/preset/motionly/assets/svg/code.svg ADDED
@@ -0,0 +1,22 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210 160">
2
+ <rect x="1" y="1" width="208" height="158" rx="12" fill="#0D1014" stroke="#30363E" stroke-width="2"/>
3
+ <path d="M1 31H209" stroke="#292F36"/>
4
+ <circle cx="17" cy="16" r="3" fill="#626A73"/>
5
+ <circle cx="29" cy="16" r="3" fill="#444B53"/>
6
+ <rect x="17" y="46" width="5" height="5" rx="2.5" fill="#59616A"/>
7
+ <rect x="17" y="67" width="5" height="5" rx="2.5" fill="#59616A"/>
8
+ <rect x="17" y="88" width="5" height="5" rx="2.5" fill="#59616A"/>
9
+ <rect x="17" y="109" width="5" height="5" rx="2.5" fill="#59616A"/>
10
+ <g fill="none" stroke-linecap="round" stroke-width="6">
11
+ <path d="M39 48H81" stroke="#76E4B8"/>
12
+ <path d="M90 48H144" stroke="#8B94A0"/>
13
+ <path d="M39 69H63" stroke="#78A8FF"/>
14
+ <path d="M72 69H167" stroke="#69727C"/>
15
+ <path d="M39 90H112" stroke="#8B94A0"/>
16
+ <path d="M121 90H178" stroke="#52606C"/>
17
+ <path d="M39 111H72" stroke="#78A8FF"/>
18
+ <path d="M81 111H142" stroke="#69727C"/>
19
+ </g>
20
+ <rect x="39" y="129" width="98" height="4" rx="2" fill="#303740"/>
21
+ <rect x="39" y="129" width="66" height="4" rx="2" fill="#76E4B8"/>
22
+ </svg>
package/dist/preset/motionly/assets/svg/codex-color.svg ADDED
@@ -0,0 +1 @@
1
+ <svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Codex</title><path d="M19.503 0H4.496A4.496 4.496 0 000 4.496v15.007A4.496 4.496 0 004.496 24h15.007A4.496 4.496 0 0024 19.503V4.496A4.496 4.496 0 0019.503 0z" fill="#fff"></path><path d="M9.064 3.344a4.578 4.578 0 012.285-.312c1 .115 1.891.54 2.673 1.275.01.01.024.017.037.021a.09.09 0 00.043 0 4.55 4.55 0 013.046.275l.047.022.116.057a4.581 4.581 0 012.188 2.399c.209.51.313 1.041.315 1.595a4.24 4.24 0 01-.134 1.223.123.123 0 00.03.115c.594.607.988 1.33 1.183 2.17.289 1.425-.007 2.71-.887 3.854l-.136.166a4.548 4.548 0 01-2.201 1.388.123.123 0 00-.081.076c-.191.551-.383 1.023-.74 1.494-.9 1.187-2.222 1.846-3.711 1.838-1.187-.006-2.239-.44-3.157-1.302a.107.107 0 00-.105-.024c-.388.125-.78.143-1.204.138a4.441 4.441 0 01-1.945-.466 4.544 4.544 0 01-1.61-1.335c-.152-.202-.303-.392-.414-.617a5.81 5.81 0 01-.37-.961 4.582 4.582 0 01-.014-2.298.124.124 0 00.006-.056.085.085 0 00-.027-.048 4.467 4.467 0 01-1.034-1.651 3.896 3.896 0 01-.251-1.192 5.189 5.189 0 01.141-1.6c.337-1.112.982-1.985 1.933-2.618.212-.141.413-.251.601-.33.215-.089.43-.164.646-.227a.098.098 0 00.065-.066 4.51 4.51 0 01.829-1.615 4.535 4.535 0 011.837-1.388zm3.482 10.565a.637.637 0 000 1.272h3.636a.637.637 0 100-1.272h-3.636zM8.462 9.23a.637.637 0 00-1.106.631l1.272 2.224-1.266 2.136a.636.636 0 101.095.649l1.454-2.455a.636.636 0 00.005-.64L8.462 9.23z" fill="url(#lobe-icons-codex-_R_0_)"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-codex-_R_0_" x1="12" x2="12" y1="3" y2="21"><stop stop-color="#B1A7FF"></stop><stop offset=".5" stop-color="#7A9DFF"></stop><stop offset="1" stop-color="#3941FF"></stop></linearGradient></defs></svg>
package/dist/preset/motionly/assets/svg/export.svg ADDED
@@ -0,0 +1,11 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 160">
2
+ <rect x="1" y="1" width="178" height="158" rx="12" fill="#0D1014" stroke="#30363E" stroke-width="2"/>
3
+ <rect x="19" y="18" width="142" height="76" rx="6" fill="#151A20" stroke="#343B44"/>
4
+ <path d="M19 72L161 36V94H19Z" fill="#17231F"/>
5
+ <rect x="31" y="31" width="48" height="6" rx="3" fill="#76E4B8"/>
6
+ <rect x="31" y="45" width="82" height="9" rx="3" fill="#E8ECEF"/>
7
+ <path d="M90 67V116M90 116L72 98M90 116L108 98" fill="none" stroke="#78A8FF" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
8
+ <rect x="22" y="133" width="136" height="8" rx="4" fill="#242B32"/>
9
+ <rect x="22" y="133" width="101" height="8" rx="4" fill="#76E4B8"/>
10
+ <circle cx="123" cy="137" r="6" fill="#DDF8ED"/>
11
+ </svg>
package/dist/preset/motionly/assets/svg/file.svg ADDED
@@ -0,0 +1,14 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 180">
2
+ <path d="M22 2H88L126 40V164C126 172 120 178 112 178H22C14 178 8 172 8 164V16C8 8 14 2 22 2Z" fill="#0D1014" stroke="#30363E" stroke-width="2"/>
3
+ <path d="M88 2V32C88 38 92 42 98 42H126" fill="#151A20" stroke="#30363E" stroke-width="2"/>
4
+ <rect x="25" y="28" width="38" height="7" rx="3.5" fill="#76E4B8"/>
5
+ <rect x="25" y="51" width="75" height="6" rx="3" fill="#7C858F"/>
6
+ <rect x="25" y="67" width="54" height="6" rx="3" fill="#555E68"/>
7
+ <path d="M25 100H108M25 122H108M25 144H108" stroke="#252B32"/>
8
+ <g fill="#78A8FF">
9
+ <path d="M31 92L37 98L31 104L25 98Z"/>
10
+ <path d="M77 114L83 120L77 126L71 120Z"/>
11
+ <path d="M52 136L58 142L52 148L46 142Z"/>
12
+ </g>
13
+ <path d="M37 98H98M25 120H71M83 120H108M25 142H46M58 142H91" stroke="#59636E" stroke-width="3" stroke-linecap="round"/>
14
+ </svg>
package/dist/preset/motionly/assets/svg/motion.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 160">
2
+ <rect x="1" y="1" width="218" height="158" rx="12" fill="#0D1014" stroke="#30363E" stroke-width="2"/>
3
+ <path d="M24 22V137H201M24 50H201M24 79H201M24 108H201M68 22V137M112 22V137M156 22V137" stroke="#22282F"/>
4
+ <path d="M35 122C56 122 58 46 91 46C124 46 128 113 148 113C169 113 173 36 198 36" fill="none" stroke="#76E4B8" stroke-width="4" stroke-linecap="round"/>
5
+ <path d="M35 122L91 46M148 113L198 36" stroke="#4D625B" stroke-width="1.5" stroke-dasharray="4 5"/>
6
+ <g fill="#0D1014" stroke="#78A8FF" stroke-width="3">
7
+ <circle cx="35" cy="122" r="6"/>
8
+ <circle cx="91" cy="46" r="6"/>
9
+ <circle cx="148" cy="113" r="6"/>
10
+ <circle cx="198" cy="36" r="6"/>
11
+ </g>
12
+ </svg>
package/dist/preset/motionly/assets/svg/motionly-logo.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg width="220" height="220" viewBox="0 0 220 220" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="220" height="220" rx="52" fill="#080B12"/>
3
+ <rect x="2" y="2" width="216" height="216" rx="50" stroke="white" stroke-opacity="0.14" stroke-width="4"/>
4
+ <path d="M55 154V66C55 57.2 65.9 53.1 71.8 59.7L110 102.5L148.2 59.7C154.1 53.1 165 57.2 165 66V154" stroke="url(#paint0_linear)" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M80 154V105L105.8 133.4C108 135.8 112 135.8 114.2 133.4L140 105V154" stroke="white" stroke-opacity="0.72" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <defs>
7
+ <linearGradient id="paint0_linear" x1="55" y1="62" x2="170" y2="160" gradientUnits="userSpaceOnUse">
8
+ <stop stop-color="#8AB4FF"/>
9
+ <stop offset="1" stop-color="#7CF7C5"/>
10
+ </linearGradient>
11
+ </defs>
12
+ </svg>
package/dist/preset/motionly/assets/svg/play.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160">
2
+ <circle cx="80" cy="80" r="72" fill="#0D1014" stroke="#30363E" stroke-width="2"/>
3
+ <path d="M80 20A60 60 0 0 1 137 61" fill="none" stroke="#76E4B8" stroke-width="4" stroke-linecap="round"/>
4
+ <circle cx="137" cy="61" r="5" fill="#76E4B8"/>
5
+ <circle cx="80" cy="80" r="43" fill="#151A20" stroke="#353C45" stroke-width="2"/>
6
+ <path d="M68 104L108 80L68 56V104Z" fill="#F0F3F5"/>
7
+ </svg>
package/dist/preset/motionly/assets/svg/render-frame.svg ADDED
@@ -0,0 +1,25 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 360">
2
+ <rect x="1" y="1" width="618" height="358" rx="14" fill="#0B0D10" stroke="#30343B" stroke-width="2"/>
3
+ <path d="M1 36H619M1 292H619" stroke="#292D33"/>
4
+ <circle cx="20" cy="18" r="3.5" fill="#626871"/>
5
+ <circle cx="33" cy="18" r="3.5" fill="#454B53"/>
6
+ <rect x="268" y="13" width="84" height="10" rx="3" fill="#1B1F24"/>
7
+ <rect x="42" y="51" width="536" height="225" rx="5" fill="#0F1318" stroke="#242A31"/>
8
+ <path d="M42 209L578 72V276H42Z" fill="#111F1A"/>
9
+ <path d="M129 238C193 194 242 210 301 158C350 115 411 102 491 93" fill="none" stroke="#273A35" stroke-width="2"/>
10
+ <rect x="118" y="91" width="242" height="112" rx="6" fill="#171C22" stroke="#3A424C"/>
11
+ <rect x="132" y="106" width="86" height="8" rx="4" fill="#76E4B8"/>
12
+ <rect x="132" y="126" width="178" height="15" rx="3" fill="#ECEFF2"/>
13
+ <rect x="132" y="149" width="150" height="7" rx="3.5" fill="#737B85"/>
14
+ <rect x="132" y="164" width="112" height="7" rx="3.5" fill="#59616B"/>
15
+ <rect x="401" y="115" width="92" height="92" rx="6" fill="#12171C" stroke="#3A424C"/>
16
+ <circle cx="447" cy="161" r="26" fill="#1E2C28" stroke="#76E4B8"/>
17
+ <path d="M439 174L462 161L439 148V174Z" fill="#76E4B8"/>
18
+ <rect x="18" y="307" width="26" height="26" rx="5" fill="#E9EDF0"/>
19
+ <path d="M28 326L37 320L28 314V326Z" fill="#0B0D10"/>
20
+ <rect x="57" y="316" width="44" height="7" rx="3.5" fill="#656C75"/>
21
+ <rect x="119" y="312" width="478" height="14" rx="3" fill="#181C21" stroke="#2E343B"/>
22
+ <rect x="119" y="312" width="284" height="14" rx="3" fill="#31594D" stroke="#69CDA9"/>
23
+ <path d="M367 292V341" stroke="#F1F4F6" stroke-width="2"/>
24
+ <path d="M361 292H373L367 299Z" fill="#F1F4F6"/>
25
+ </svg>
package/dist/preset/motionly/motionly.motion ADDED
@@ -0,0 +1,385 @@
1
+ canvas {
2
+ size 1920x1080
3
+ fps 60
4
+ duration 32.1s
5
+ background #050608
6
+ }
7
+
8
+ camera {
9
+ zoom 1
10
+ x 0
11
+ y 0
12
+ rotation 0
13
+ cameraAnimation "speedZoom(delay 13.85s duration 1.05s from 1 peak 1.075 to 1.012 xPeak -14 yPeak 6 ease power3.out)"
14
+ }
15
+
16
+ audio "/preset/motionly/assets/audio/audio.mp3"
17
+
18
+ import "/preset/motionly/assets/svg/motionly-logo.svg" as motionlyLogo
19
+
20
+ import "/preset/motionly/assets/svg/motionly-logo.svg" as finalLogo
21
+
22
+ import "/preset/motionly/assets/svg/file.svg" as sourceFile
23
+
24
+ import "/preset/motionly/assets/svg/code.svg" as codeIcon
25
+
26
+ import "/preset/motionly/assets/svg/code-window.svg" as editorWindow
27
+
28
+ import "/preset/motionly/assets/svg/file.svg" as parserFile
29
+
30
+ import "/preset/motionly/assets/svg/render-frame.svg" as rendererPanel
31
+
32
+ import "/preset/motionly/assets/svg/codex-color.svg" as codex
33
+
34
+ import "/preset/motionly/assets/svg/claude-code-color.svg" as claudeCode
35
+
36
+ import "/preset/motionly/assets/svg/antigravity-color.svg" as antigravity
37
+
38
+ overlay originScene {
39
+ layer background
40
+ fill #09111d
41
+ opacity 0
42
+ animation "shapeWipe(delay 2.7s duration 800ms direction right ease power3.out)"
43
+ }
44
+
45
+ overlay agentScene {
46
+ layer background
47
+ fill #0d0b13
48
+ opacity 0
49
+ animation "shapeWipe(delay 8.75s duration 800ms direction up ease power3.out)"
50
+ }
51
+
52
+ overlay editorScene {
53
+ layer background
54
+ fill #0a1010
55
+ opacity 0
56
+ animation "shapeWipe(delay 13.75s duration 820ms direction left ease power3.out)"
57
+ }
58
+
59
+ overlay pipelineScene {
60
+ layer background
61
+ fill #11100d
62
+ opacity 0
63
+ animation "shapeWipe(delay 23.05s duration 780ms direction down ease power3.out)"
64
+ }
65
+
66
+ overlay finalScene {
67
+ layer background
68
+ fill #050608
69
+ opacity 0
70
+ animation "irisWipe(delay 28.85s duration 850ms ease power3.out)"
71
+ }
72
+
73
+ overlay atmosphere {
74
+ layer background
75
+ opacity 0
76
+ backgroundEffect "aurora(duration 32.1s opacity .13 intensity .42)"
77
+ }
78
+
79
+ overlay fade {
80
+ layer effects
81
+ fill #050608
82
+ opacity 1
83
+ }
84
+
85
+ motionlyLogo {
86
+ center
87
+ layer hero
88
+ width 220
89
+ x -480
90
+ y -24
91
+ opacity 0
92
+ scale 1.55
93
+ shadow 32
94
+ animation "maskReveal(delay 3s duration 0.85s direction down exitAt 8.257s exitDuration 0.48s ease power3.out)"
95
+ }
96
+
97
+ sourceFile {
98
+ center
99
+ layer supporting
100
+ width 150
101
+ x 804
102
+ y -156
103
+ opacity 0
104
+ scale 0.753
105
+ shadow 20
106
+ animation "dynamicSlide(delay 5.204s duration 0.7s direction up distance 80 exitAt 8.287s exitDuration 0.45s ease power3.out)"
107
+ rotation 20
108
+ }
109
+
110
+ codex {
111
+ center
112
+ layer hero
113
+ width 150
114
+ x -330
115
+ y -38
116
+ opacity 0
117
+ scale 1
118
+ shadow 26
119
+ animation "dynamicSlide(delay 8.832s duration 0.7s direction up distance 90 exitAt 13.5s exitDuration 0.45s ease power3.out)"
120
+ }
121
+
122
+ claudeCode {
123
+ center
124
+ layer hero
125
+ width 150
126
+ y -38
127
+ opacity 0
128
+ scale 1
129
+ shadow 26
130
+ animation "dynamicSlide(delay 9.326s duration 0.7s direction up distance 90 exitAt 13.5s exitDuration 0.45s ease power3.out)"
131
+ }
132
+
133
+ antigravity {
134
+ center
135
+ layer hero
136
+ width 150
137
+ x 330
138
+ y -38
139
+ opacity 0
140
+ scale 1
141
+ shadow 26
142
+ animation "dynamicSlide(delay 10.732s duration 0.7s direction up distance 90 exitAt 13.5s exitDuration 0.45s ease power3.out)"
143
+ }
144
+
145
+ editorWindow {
146
+ center
147
+ layer hero
148
+ width 820
149
+ y 130
150
+ opacity 0
151
+ scale 1
152
+ shadow 44
153
+ animation "maskReveal(delay 14.15s duration 900ms direction right exitAt 22.85s exitDuration 500ms ease power3.out)"
154
+ x 3
155
+ }
156
+
157
+ parserFile {
158
+ center
159
+ layer hero
160
+ width 250
161
+ x -450
162
+ y 40
163
+ opacity 0
164
+ scale 1
165
+ shadow 30
166
+ animation "dynamicSlide(delay 23.35s duration 800ms direction right distance 150 exitAt 25.55s exitDuration 450ms ease power3.out)"
167
+ }
168
+
169
+ rendererPanel {
170
+ center
171
+ layer hero
172
+ width 650
173
+ x -470
174
+ y 38
175
+ opacity 0
176
+ scale 1
177
+ shadow 40
178
+ animation "maskReveal(delay 25.7s duration 850ms direction right exitAt 28.65s exitDuration 450ms ease power3.out)"
179
+ }
180
+
181
+ finalLogo {
182
+ center
183
+ layer hero
184
+ width 190
185
+ y -78
186
+ opacity 0
187
+ scale 1
188
+ shadow 32
189
+ animation "maskReveal(delay 29.15s duration 750ms direction down exitAt 31.85s exitDuration 220ms ease power3.out)"
190
+ }
191
+
192
+ text hook {
193
+ value "What if motion graphics could be written like code?"
194
+ center
195
+ layer text
196
+ y -18
197
+ size 72
198
+ weight 740
199
+ color #f7f8fb
200
+ opacity 1
201
+ textAnimation "keynoteText(split words stagger 85ms duration 850ms delay 200ms ease power3.out exitAt 2.6s exitDuration 450ms)"
202
+ }
203
+
204
+ text originLine1 {
205
+ value "This animation started as a simple Motionly file,"
206
+ center
207
+ layer text
208
+ x 239
209
+ y -147
210
+ size 42
211
+ weight 730
212
+ color #f7f8fb
213
+ opacity 1
214
+ textAnimation "keynoteText(split words stagger 0.062s duration 0.8s delay 3s ease power3.out exitAt 8.116s exitDuration 0.45s)"
215
+ scale 1
216
+ }
217
+
218
+ text originLine2 {
219
+ value "created with help from an AI agent."
220
+ center
221
+ layer text
222
+ x 73
223
+ y -80
224
+ size 36
225
+ weight 500
226
+ color #8cf3cb
227
+ opacity 1
228
+ textAnimation "blurReveal(split words stagger 0.055s duration 0.7s delay 6.021s ease power3.out exitAt 8.135s exitDuration 0.45s)"
229
+ }
230
+
231
+ text agentIntro {
232
+ value "Tools like"
233
+ center
234
+ layer text
235
+ y -270
236
+ size 42
237
+ weight 730
238
+ color #f7f8fb
239
+ opacity 1
240
+ textAnimation "keynoteText(split words stagger 0.045s duration 0.7s delay 8.528s ease power3.out exitAt 13.5s exitDuration 0.42s)"
241
+ }
242
+
243
+ text codexLabel {
244
+ value Codex
245
+ center
246
+ layer text
247
+ x -330
248
+ y 112
249
+ size 26
250
+ weight 650
251
+ color #f7f8fb
252
+ opacity 1
253
+ textAnimation "fadeUp(split words stagger 0.045s duration 0.6s delay 9.383s ease power3.out exitAt 13.5s exitDuration 0.42s)"
254
+ }
255
+
256
+ text claudeLabel {
257
+ value "Claude Code"
258
+ center
259
+ layer text
260
+ y 112
261
+ size 26
262
+ weight 650
263
+ color #f7f8fb
264
+ opacity 1
265
+ textAnimation "fadeUp(split words stagger 0.045s duration 0.6s delay 9.82s ease power3.out exitAt 13.5s exitDuration 0.42s)"
266
+ }
267
+
268
+ text antigravityLabel {
269
+ value Antigravity
270
+ center
271
+ layer text
272
+ x 330
273
+ y 112
274
+ size 26
275
+ weight 650
276
+ color #f7f8fb
277
+ opacity 1
278
+ textAnimation "fadeUp(split words stagger 0.045s duration 0.6s delay 10.827s ease power3.out exitAt 13.5s exitDuration 0.42s)"
279
+ }
280
+
281
+ text agentCopy {
282
+ value "can help you create a first version quickly."
283
+ center
284
+ layer text
285
+ y 250
286
+ size 34
287
+ weight 500
288
+ color rgba(235,239,247,.75)
289
+ opacity 1
290
+ textAnimation "keynoteText(split words stagger 45ms duration 700ms delay 12s ease power3.out exitAt 13.5s exitDuration 420ms)"
291
+ }
292
+
293
+ text editorLine1 {
294
+ value "But instead of getting a black-box video,"
295
+ center
296
+ layer text
297
+ y -354
298
+ size 38
299
+ weight 680
300
+ color rgba(235,239,247,.78)
301
+ opacity 1
302
+ textAnimation "keynoteText(split words stagger 52ms duration 750ms delay 14.2s ease power3.out exitAt 22.8s exitDuration 480ms)"
303
+ }
304
+
305
+ text editorLine2 {
306
+ value "Motionly gives you a structured animation"
307
+ center
308
+ layer text
309
+ y -292
310
+ size 46
311
+ weight 750
312
+ color #f7f8fb
313
+ opacity 1
314
+ textAnimation "keynoteText(split words stagger 0.058s duration 0.78s delay 16.81s ease power3.out exitAt 22.8s exitDuration 0.48s)"
315
+ }
316
+
317
+ text editorLine3 {
318
+ value "you can open, edit, adjust, and control in the editor."
319
+ center
320
+ layer text
321
+ y -222
322
+ size 34
323
+ weight 520
324
+ color #8cf3cb
325
+ opacity 1
326
+ textAnimation "blurReveal(split words stagger 48ms duration 750ms delay 19.15s ease power3.out exitAt 22.8s exitDuration 480ms)"
327
+ }
328
+
329
+ text parserCopy {
330
+ value "A parser turns your file into scenes."
331
+ center
332
+ layer text
333
+ x 270
334
+ y -20
335
+ size 44
336
+ weight 730
337
+ color #f7f8fb
338
+ opacity 1
339
+ textAnimation "keynoteText(split words stagger 65ms duration 750ms delay 23.4s ease power3.out exitAt 25.55s exitDuration 430ms)"
340
+ }
341
+
342
+ text rendererCopy {
343
+ value "A renderer turns those scenes into the animation you see."
344
+ center
345
+ layer text
346
+ x 400
347
+ y -24
348
+ size 34
349
+ weight 700
350
+ color #f7f8fb
351
+ opacity 1
352
+ textAnimation "keynoteText(split words stagger 0.045s duration 0.76s delay 26.25s ease power3.out exitAt 29.182s exitDuration 0.43s)"
353
+ }
354
+
355
+ text finalCopy {
356
+ value "Motion graphics, written."
357
+ center
358
+ layer text
359
+ y 100
360
+ size 58
361
+ weight 740
362
+ color #f7f8fb
363
+ opacity 1
364
+ textAnimation "keynoteText(split words stagger 0.105s duration 0.7s delay 30.03s ease power3.out exitAt 31.85s exitDuration 0.22s)"
365
+ }
366
+
367
+ animate fade {
368
+ keyframes {
369
+ 0% {
370
+ opacity 1
371
+ }
372
+ 2% {
373
+ opacity 0
374
+ }
375
+ 97% {
376
+ opacity 0
377
+ }
378
+ 100% {
379
+ opacity 1
380
+ }
381
+ }
382
+ delay 0s
383
+ duration 32.1s
384
+ easing power3.out
385
+ }