Agent Skill

Motion Lexicon

从产品任务出发,构建完整页面并设计可交付的界面动效。

npx skills add Ryan-yang125/motion-lexicon --skill motion-lexicon

构建页面

把产品任务、页面层级和已发布组件组合成完整 React 页面。

推荐

把一句产品需求收敛为一组有理由的动效候选。

编排

用状态图、角色和节拍组织一段完整产品瞬间。

实现

产出贴合现有界面的可复制实现,并按场景选择 Motion、GSAP、Three.js、WebGL 或 CSS。

评审

检查状态含义、节奏、可中断性、性能和减弱动效。

贡献

把成熟方案整理为可验证候选,进入公开内容的审核流程。

每次交付都包含

  • 完整页面计划与精确信息层级
  • 已发布组件与 Registry 来源
  • 键盘、焦点与减弱动效方案
  • 响应式实现与验收记录
查看 Skill 源码