Skip to content

Prompting and skillsPrompting and skills

Builder

Creative toolkits

You are here: Creative toolkits · Builder
Next: Skills and craft

Two posts are catalogs: twenty motion repositories, and ten libraries for building websites with an agent. This page keeps their lists, marks what was actually linked, and turns the catalogs into a way of working.
Path Builder
Time About 20 minutes
You need Prompts and skills

What you will be able to do

  • Restate the motion stack in one line, and know which words are the post's.
  • Find a named repo in the list without pretending every shortened link was resolved.
  • Pick one engine, one skill, and one reference, then stop adding tools.

The stack in one line

@N01ennn summarizes the motion list as: a model writes the code, a skill sets the timing and the camera, an engine renders the MP4 (per post). The post names the model as Opus 5.5 and says the list was posted by Netflix engineers. Both of those attributions are the post's. This guide has not verified them.

The established pattern underneath the slogan: generation, constraint, and a real renderer are three different jobs. A skill that only contains adjectives ("make it premium") does less than a skill that names duration, easing, and a check against the frames.

Warning

Check each repository before you install. That sentence is in the post. Installing a skill pack can execute its setup. Read the supply-chain notes first. The repository this guide links is github.com/whaleyxbt/claude-motion, listed first.

Twenty names from the motion post

Descriptions are condensed from the post. Where this page does not show a URL, open the source post. Do not trust a search-result lookalike just because the name matches.

Name in the post What the post says it is
1 claude-motion Taste, checks its own frames, sound written in code. The post says the author built it for Opus 5.5. This is the resolved URL.
2 claude-motion-design HTML, Playwright, and ffmpeg, without Remotion. Demo claimed on Opus 5.5.
3 motion-graphics-skills 13 skills for launch videos. README said to run on Opus 5.5.
4 claude-remotion-skill A Remotion editor from one prompt: captions, B-roll, sound.
5 klik-anim-skill-creation Animation and camera rules.
6 hyperframes-motion-reel-skill A showreel cut at 120 BPM, on HyperFrames.
7 product-launch-motion A launch film: voice-over, camera, color grade.
8 animate A short clip in one canvas file, storyboarded as it goes.
9 motion-design-skills Timing, color, typography, logos, Remotion.
10 hyperframes-student-kit 14 skills and 406 motion-graphics cards.
11 hyperframes HTML to MP4. The post says this is the engine almost everyone installs.
12 remotion Video written in React.
13 remotion skills Official Remotion skills for an agent, per the post.
14 GSAP Timelines the post says HyperFrames runs on. It mentions npx skills add greensock/gsap-skills.
15 motion-design-skill Motion principles that work with any engine.
16 awesome-motion-design-agent-skills A map of GSAP, Remotion, Lottie, and Rive skills.
17 motion-graphics B-roll from a transcript.
18 motion-dev-animations-skill Web animation, which the post distinguishes from video. The site URL is shortened in the post.
19 motion Motion itself, formerly Framer Motion, per the post.
20 lottie-web Lottie output when you need Lottie rather than MP4.

The post groups 1–10 as skills "built for Opus 5.5," 11–14 as engines, and 15–20 as taste and neighboring tools. Counts such as "13 skills" and "406 cards" are per post.

Ten libraries for sites

@himanshubuildss posted ten "goldmines" for building websites with AI (per post). This guide links the first as scrolltide.co. The other nine are shortened links inside the post. Open the post for them. This page keeps the post's own descriptions and does not guess the brands.

What the post says Resolved URL
1 Award-winning prompts and source for 3D and scroll-driven sites. The post's counts: 600+ prompts, 100+ 3D scenes, 200+ interactive gradients, 200+ UI components. Paste into Claude, Cursor, or Lovable. scrolltide.co
2 Hand-picked sites with serious craft In the post
3 The sites that won In the post
4 Real app flows from real products In the post
5 UI components across design systems In the post
6 Community components In the post
7 Animated components In the post
8 Motion components ready to paste In the post
9 Shaders to study and remix In the post
10 A way to learn 3D on the web In the post

Counts in row 1 are the post's. Whether the live site still matches them is something you check when you open it.

A way to use a catalog

A catalog is a menu. Installing the menu is how agents get slow and how laptops get untrusted code.

Step Do this
1 Name the artifact: a 10-second title card, or one scroll section.
2 Pick one engine (render path) and one skill (constraints).
3 Pick one reference from the site list if you need taste, and write down what you are copying: type, motion, or layout.
4 Read that skill and that repo before the agent runs setup.
5 Keep the prompt small. Put the procedure in the skill and the reference in a file.

The craft playbook is this table with a review checklist attached.

Check yourself

  1. Which of the twenty motion names has a GitHub URL on this page?
  2. What is the post claiming when it says "Netflix engineers," and what is this guide claiming?
  3. Why stop at one engine and one skill?

Sources

Continue

Map | Paths | Glossary | References