Early preview · Six skills are always free. Paid skills open soon.
Find another skill

Subtle Motion Websites & research

Subtle Motion

Paid · $15 at launch

Give your website a little polish.

A plan and code examples for small animations on the website you already have.

Use it in your AI

Copy. Paste into a new chat. Send.

Paid skills open soon

Have ready: Your website’s code and an AI that can edit it. Screenshots can help with planning, but making the changes requires code access.

Works in this chat. No download needed. Your AI app’s features and limits apply.

What does the skill add?

A usual starting point

Ask your AI to add animations to your website.

With Subtle Motion

Choose small effects for real actions, with original CSS examples and reduced-motion checks.

The difference is the instructions you give your AI. Results still depend on your information and the app you use.

See a sample result
The starting point

My existing product page feels static. Add a little movement without redesigning it.

A sample result to work from

Keep the headline still. Add a short entrance to the artwork, a small press state to the main button, and hover feedback to linked cards. Content remains visible without JavaScript; the reduced-motion version keeps color and focus feedback.

Illustrative scenario, written by us. Not a recorded AI response.

AN ORIGINAL INTERFACE EXAMPLE

Try a small interaction.

A place to start

Draft review

A little preparation

Interview practice

Before you send it

Offer reply

Movement is reduced. Feedback still works.

A demonstration only; this does not change your library. Your device’s reduced-motion setting always applies.

Try a free sample prompt

This short prompt starts a conversation. It does not include the full skill.

Add restrained motion to this interface. Keep the existing design and content. Explain what each movement helps the user understand, implement the changes, and check reduced motion.
Use the full instructions
What’s included & other ways to use it

Original CSS starters and examples of small effects, with checks for keyboard use and visitors who prefer less movement.

  • Instructions for planning where animation helps
  • Original CSS examples your coding AI can adapt
  • Checks for interrupted animations and people who prefer less movement

Prefer a saved skill in your app? The original files and setup guide are also available.

Download skill files

Paid files require unlocked access. See the app guides.

Original workflow and CSS starter. No Motion+ examples or commercial components are included. Your AI needs code-editing tools to implement changes.

Version 1.0.0 · SkillStall Personal Use

Check your result & use it again

Actions stay immediate, content remains readable, and visitors who prefer less movement can still use the page.

Adapt the examples to another button or page while keeping the same interaction checks.

Free guides for this task