morphing-icons
这是一个用于构建和审查“形变图标”(morphing icons)的技能规范:它要求所有图标都由恰好三条共享的 SVG 线段构成,并通过插值这三条线的坐标和透明度,实现图标之间的平滑形变。由于线段数量始终为三,任意图标都可以变成任意图标;未使用的线用位于中心、opacity 为 0 的折叠线占位,不允许为 null 或省略。规范规定统一使用 14×14 的 viewBox(中心坐标 7),旋转类变体(如四向箭头)共享同一份线段列表与 group,仅用 0、90、180、-90 的 rotation 区分。动效方面,描边插值使用时长 0.4、缓动 ease: [0.19, 1, 0.22, 1];组内旋转使用 useSpring 弹簧;跨组切换调用 rotation.jump 而非动画 set;开启 reduced motion 时时长设为 0;线条设 strokeLinecap="round",装饰性 svg 设 aria-hidden="true"。技能还给出审查规则与严重度分级(HIGH 为线数非三条或旋转变体不共享 group、线列表;MEDIUM 为缺少 reduced-motion 分支或跨组动画旋转;LOW 为 butt 端点或装饰图标缺少 aria-hidden),并要求按 file:line 格式逐条报告发现,HIGH 未清零则阻止通过。
前端与建站367 次安装