Motion Lexicon
从产品任务出发,构建完整页面并设计可交付的界面动效。
npx skills add Ryan-yang125/motion-lexicon --skill motion-lexicon构建页面
把产品任务、页面层级和已发布组件组合成完整 React 页面。
推荐
把一句产品需求收敛为一组有理由的动效候选。
编排
用状态图、角色和节拍组织一段完整产品瞬间。
实现
产出贴合现有界面的可复制实现,并按场景选择 Motion、GSAP、Three.js、WebGL 或 CSS。
评审
检查状态含义、节奏、可中断性、性能和减弱动效。
贡献
把成熟方案整理为可验证候选,进入公开内容的审核流程。
每次交付都包含
- 完整页面计划与精确信息层级
- 已发布组件与 Registry 来源
- 键盘、焦点与减弱动效方案
- 响应式实现与验收记录