ai-ui-ux-motion-engine
把参考转化为结构化设计和多轮精炼，适合需要精细动效的项目。
根据参考与约束生成产级网页/落地页的动效与交互设计方案。
把参考素材和约束转成可生产的网页动效与交互方案，能做滚动揭示、产品分解、镜头移动和富媒体 Hero 动画等。适合做落地页、产品站、作品集或需要沉浸式视觉体验的页面，支持 Astro、React、Next.js、Vue、Svelte 或纯 HTML/CSS。特点是推断电影级意图、多次打磨并产出可实现的设计，而不是简单套用引用素材。
▸ 展开 SKILL.md 英文原文
Design, redesign, build, audit and validate distinctive production websites with cinematic scroll reveals, product films, burst or exploded-view effects, reference-led design systems, purposeful motion and multi-pass refinement. Use for landing pages, product sites, portfolios, interactive storytelling, premium or immersive web experiences, scroll-controlled product inspection, assembly or disassembly sequences, camera moves, image/video-led recreation, hero refinement, motion graphics, and anti-generic visual polish in Astro, React, Next.js, Vue, Svelte or static HTML/CSS. Infer cinematic intent from the requested experience or reference; the user does not need to say "wow" or name a tool.
帮我安装这个 skill：https://raw.githubusercontent.com/OpaceDigitalAgency/skills/main/skills/ai-ui-ux-motion-engine/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/OpaceDigitalAgency/skills/main/skills/ai-ui-ux-motion-engine/SKILL.md"# AI UI/UX Motion Engine Create a project-specific experience from evidence. Treat references as structural, visual and interaction inputs, never as permission to clone branding, copy, code or protected assets. ## Non-negotiable rules - Read applicable `AGENTS.md`, source-of-truth documents, design systems and current working-tree changes before editing. - Define the bounded target, acceptance criteria, dependencies, spend and validation plan. - Use the fastest route that can meet the accuracy target. For real products, default to `evidence-accurate` when authoritative sources exist; never trade accuracy silently for spectacle. State early when CAD, compositing or real footage i