Framework compiler
Open-source interaction-design intelligence for AI coding agents - securely discover, select, adapt and validate UI motion, effects and interaction patterns.
npx -y skills add Suraj787/motif --skill framework-compilerAssembled 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 selected patterns and components must be compiled into a concrete implementation plan in the project's detected native framework, reusing what already exists.
SKILL.md
1.5 KB, as published. Nobody here has run it
Framework Compiler (Implementation Intelligence)
Responsibility: Translate the approved patterns, states, and components into a native-framework plan for the detected stack, never by importing a foreign framework for a single effect.
When to invoke
- Steps 12-14 of the root workflow, after patterns and states are fixed.
Inputs
- Detected framework/language/styling; approved patterns and required states; registry and project-component inventory.
Outputs
- A native implementation plan (components, files, props, events, slots) in the target stack, Vue and Frappe-Vue first-class, plus React, Svelte, Angular, or plain web.
- An explicit reuse map: existing project components and dependencies used first, registry recipes second, new code last.
- A dependency proposal, if any, routed to Security Assurance for licence/cost review.
Engine data + CLI
- Reads
compiler/anddesign-intelligence/framework-guidance; queriesregistry/via search. ii registry search,ii compile --framework <vue|frappe-vue|react|svelte|...>.
Notes
Prefer existing project components and dependencies before adding anything. Never install React into a Vue/Svelte/Angular project for one effect. Never execute unreviewed internet code; only compile from approved registry sources.