line-art-animation:线条动画SVG组件的Claude技能与TS库
NEWClaude 技能加无依赖 TypeScript 库,用 SVG 实时绘制会走路、互动、带昼夜循环的水墨线条动画,附示例与视频渲染脚本。
line-art-animation 包含一个 Claude 技能和一套小型 TypeScript 库,用于制作线条画风格的动画组件:水墨人物行走、骑行、对指针作出反应,场景从白天过渡到夜晚,全部以 SVG 实时绘制,任意尺寸保持清晰并响应指针。技能部分(SKILL.md 与 references/)给出工作流程、风格规则,以及风格、运动、场景、验证、匹配参考片段和渲染视频的指南;库部分是四个无依赖模块:绘图原语 ink.ts、步态求解 gait.ts、弹簧/摆/风的 motion.ts、时段调色板 daynight.ts。gait() 通过求解而非逐帧动画生成腿部动作:支撑脚以行进速度后滑,摆动腿走最小加速度路径,髋部高度由支撑腿可达范围决定。示例含约 150 行的行人卡片和带町屋街道、茶室、浴池、村民日程、猫、鸟、船夫与十余处交互的完整村落场景,可拖动太阳月亮改变时间、移动指针制造风。脚本用无 npm 依赖的方式驱动无头 Chrome 逐帧截图,配合 ffmpeg 输出视频,帧间推进与机器速度无关。需 Node 22.18+,技能可装入 Claude Code 的 skills 目录。