[1. Prompt]
we are creating a remotion animation for a new command "npx skills add remotion-dev/remotion". first start out by making a new composition,
1280x1000px of a macos terminal window-like console that has an empty prompt in it. light theme

[2. Follow-up 1]
okay, nice. remove the background and the font size needs to be a lot bigger.

[3. Follow-up 2]
add some margin nonetheless, but keep it transparent.

[4. Follow-up 3]
make the terminal content a separate component in a new file. add a typewriter animation to it that types out "npx skills add remotion-dev/skills"

[5. Follow-up 4]
keep the cursor in the end, and refactor it into it's own component in it's own file. keep it blinking while there is no typing.

[6. Follow-up 5]
nice. increase the font size more, and make the composition a bit less smaller. mostly less tall

[7. Follow-up 6]
make the composition is a bit taller nonetheless

[8. Follow-up 7]
height of 700

[9. Follow-up 8]
ok, make a new master composition and and the current composition as a sequence. give the master composition a grayish background

[10. Follow-up 9]
use a sequence, not a series

[11. Follow-up 10]
add a 3d rotation to the temrinal. like 20 degree of x and y rotation.

[12. Follow-up 11]
add the transform to the sequence, not the terminal itself

[13. Follow-up 12]
okay, over total length of the composition, slowly rotate Y axis from 20 to -20 degrees

[14. Follow-up 13]
run the command "npx skills install remotion-dev/skills" yourself. look at the output and add the beginning of the output as terminal content

[15. Follow-up 14]
can you add a bit more of the content?

[16. Follow-up 15]
stagger the lines, make one appear every 50ms

[17. Follow-up 16]
in the master composition, make the terminal jump in from the bottom using a fast spring animation, but no bounce

[18. Follow-up 17]
render it

[19. Follow-up 18]
make a new composition and add it to Root.tsx. it should display the remotion logo as an image (Without title (light mode) from
https://remotion.dev/brand) as well as a "+" as well as a claude code logo and opencode logo

[20. Follow-up 19]
okay nice. remove the second plus and make the opencode combo quite a bit smaller.

[21. Follow-up 20]
remove the background from this composition, and make the claude code logo also considerably smaller

[22. Follow-up 21]
make the claude code a bit bigger

[23. Follow-up 22]
the plus should be a bit darker

[24. Follow-up 23]
add this composition to the master composition as a sequence coming in after the terminal output is done. the logocombo should be behind the
terminal.  push the terminal down again when it is done with the output

[25. Follow-up 24]
make the background of the master composition the color #FFF

[26. Follow-up 25]
make it the color #f8fafc

[27. Follow-up 26]
the logomark should actually be a series of 2 sequences. first, for 2 seconds show text "Agent Skills now available" in GT Planar font, font size 80,
medium weight, only then show the logo

[28. Follow-up 27]
make the font only 60px but bolder

[29. Follow-up 28]
add a scale animation to the text, use an easing out curve and it half a second long

[30. Follow-up 29]
nice! almost done.

- make the composition only 8 seconds long.
- make the sequence holding the terminal a bit bigger using a scale transform. increase the scale transform very slightly over time

[31. Follow-up 30]
make the scale transform a bit 0.05 less

[32. Follow-up 31]
actually, we should decrease the scale more, to only 0.9 and it goes to 1
but we need to position the terminal 100px lower overall for it to look nice

[33. Follow-up 32]
the -20 to 20 degree rotation is a bit much. let's only do 10 to -10

[34. Follow-up 33]
ok, new idea! instead of pushing the terminal down, flip the terminal towards the camera by rotating the X axis. this might need a perspective on the
parent and the transform origin needs to be at the bottom. maybe wrap it it another sequence to make it easier

[35. Follow-up 34]
boom! this is awesome! render the video