Recommend
Turn a product brief into a reasoned set of motion candidates.
Candidates, fit, and tradeoffsMotion Director · Agent Skill
Start with the product scene. Make a considered motion decision.
Turn a trigger, state, and outcome into one Motion Blueprint. The Skill can recommend a direction, compose a product moment, generate the implementation, and review existing motion.
A real product moment240ms · status
Send an approval request. Let the state arrive together.
The primary action, approval summary, and approver records share one rhythm, then leave the outcome in place.
Motion DirectorSend a request to two approversDraft
Send request
Five ways to work
Bring a scene. Keep the full motion decision connected.
From a loose description to a deliverable implementation, each step keeps the reason behind the previous one.
Compose
Use states, actors, and beats to organise one complete product moment.
Motion BlueprintImplement
Produce HTML, CSS, and the small amount of interaction JavaScript that fits the interface.
Integration-ready implementationReview
Check state meaning, timing, interruption, performance, and reduced motion.
Prioritised revision listContribute
Turn a mature solution into a verifiable candidate for the public-content review flow.
Candidate specification and validation recordMotion Blueprint
One blueprint connects choice and implementation.
Product states, participating elements, timing, and reduced motion live in the same deliverable.
Open candidate libraryapproval-request
- Trigger
- Send request
- State graph
- Ready → Sending → Awaiting
- Actors
- Send request · Approval summary · Approver list
- Beats
- 0ms / 150ms / 190ms
- Reduced motion
- Switch the action, summary, and approver states directly without travel.
Candidate content
Open candidate libraryLet real projects extend this language.
New scenes enter the candidate library first, then become public content after implementation, accessibility, and reuse checks.
Two peer directories
Start from a reference, or start from a scene.
Product moments and motion primitives provide previewable references. Motion Director brings them back to your project.