agentsclimarketplace

Framework adaptation

Skill Suraj787/motif/skills/framework-adaptation

Open-source interaction-design intelligence for AI coding agents - securely discover, select, adapt and validate UI motion, effects and interaction patterns.

Install
npx -y skills add Suraj787/motif --skill framework-adaptation

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

  • no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
  • 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Use when a selected effect must be implemented in the target stack (Vue, Frappe-Vue, or whatever the repo uses) without introducing a new framework or breaking design-system conventions.

SKILL.md

1.3 KB, as published. Nobody here has run it

Framework Adaptation

Responsibility: Implement the selected effect in the target framework, idiomatically, reusing existing primitives.

When to invoke

  • After effect-selection (step 11 of the root workflow).

Inputs

  • The selected effect and its registry entry.
  • The target framework, version, and design-system tokens/components.

Outputs

  • Implementation code in the target stack (Vue/Frappe-Vue first-class; also React, Svelte, or vanilla as the repo dictates).
  • A reduced-motion variant wired in.
  • A note of any reused vs new primitives.

How it connects

  • Reads registry/ for framework-specific snippets and intelligence/ for adaptation guidance.
  • Hands the result to motion-accessibility, motion-performance, and implementation-validation.

Notes

Never install another framework for a single effect. Prefer the design system's existing transition utilities and tokens. For Vue, prefer native <Transition>/<TransitionGroup> and composables over heavyweight animation libraries unless the registry entry justifies it.

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.