Repolode
Submit
showheyohtaki

showheyohtaki/motion-prompt

A searchable library of 144 named motion-graphics, camera, UI, web, and photo effects, each with a live sample and a prompt to use it with an AI.

View on GitHubWebsite
Stars
465
Forks
53
Open issues
3
Last commit
yesterday

What is it?

Motion Prompt is a library of names for visual effects you might ask an AI to create. Each entry pairs a short name with a moving sample, a one-line meaning, and an example prompt. The library currently holds six packs of 24 entries each: motion graphics moves, camera moves, UI component names, landing page and web effects, photo looks and lighting, and a second motion graphics pack.

The project is aimed at people who know what they want to see but not what it is called. Browsing the gallery lets you pick samples and send them to a coding agent such as Claude Code or Codex, which then rebuilds the effect in your project. A Node.js command-line tool can also look up elements by number or keyword, and the repository includes prompts for creating a similar library for another field or language.

Key features

  • 01Six packs of 24 named effects each, with live animated samples.
  • 02Browse a gallery, pick samples, and send them to an AI agent.
  • 03Command-line tool to search, list, and fetch effect specs and code by number.
  • 04Prompts for translating the library or building one for your own field.
  • 05Each effect is a single function drawing to a Canvas 2D context, with no external libraries.

Use cases

  • Finding the right term for a motion or camera move before writing a video prompt.
  • Having a coding agent add a specific UI or landing page effect to a website.
  • Building a named reference library for a design or production team in another field.

Quick start

  1. 1

    Check that Node.js 18 or later is installed

    node --version
  2. 2

    Install the motion-prompt skill

    npx skills add showheyohtaki/motion-prompt
  3. 3

    In Claude Code or Codex, ask your AI to open the library, then pick samples in the gallery

Things to know

  • Using the skill requires Node.js 18 or later and an agent such as Claude Code or Codex.
  • The name lists are available only in English and Japanese for now, so Chinese users need to generate a translation themselves.

Topics

#motion-graphics#animation#canvas#prompt-engineering#ai-agent#css-effects#video-generation#design-reference

FAQ

What is motion-prompt?
A searchable library of 144 named motion-graphics, camera, UI, web, and photo effects, each with a live sample and a prompt to use it with an AI. Motion Prompt is a library of names for visual effects you might ask an AI to create. Each entry pairs a short name with a moving sample, a one-line meaning, and an example prompt. The library currently holds six packs of 24 entries each: motion graphics moves, camera moves, UI component names, landing page and web effects, photo looks and lighting, and a second motion graphics pack.
Is motion-prompt free to use? What license does it have?
motion-prompt is open source under the MIT license. Check the license terms before using it in commercial products.
Is motion-prompt still maintained?
Actively maintained. The last commit to motion-prompt was on Oct 19, 2026.
What can I use motion-prompt for?
Finding the right term for a motion or camera move before writing a video prompt. Having a coding agent add a specific UI or landing page effect to a website. Building a named reference library for a design or production team in another field.
How do I install motion-prompt?
Check that Node.js 18 or later is installed: node --version Install the motion-prompt skill: npx skills add showheyohtaki/motion-prompt In Claude Code or Codex, ask your AI to open the library, then pick samples in the gallery
Where can I get motion-prompt?
The source code and installation instructions are on GitHub: https://github.com/showheyohtaki/motion-prompt

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects