Products

开源 Claude skill 与 TypeScript 库生成会走动的线稿 SVG 人物

一份 Claude skill 和 TypeScript 库,用来生成会走动的线稿 SVG 人物与带昼夜循环的场景。 https://t.co/gCir6w0eSW

Why we picked it

这个项目把 Claude skill 和 TypeScript 渲染库组合起来,让模型直接产出会走动的线稿 SVG 动画,还带昼夜循环效果。比起用设计软件手画,生成方式更省事,源码全部开源。做生成式插画或想学怎么写 Claude skill 的人可以直接拿来玩。

开发者 JDhruv14 在 GitHub 开源了一套 Claude skill 和 TypeScript 库(line- 库),用于生成带动画的线稿风格 SVG。生成的人物可以呈现走动效果,场景内置昼夜循环,动画全部由 SVG 矢量实现。

Body

工作方式是把这套 skill 挂载到 Claude 上,模型按 skill 里的规范产出结构化的 SVG 代码,再用 TypeScript 库渲染动画,不需要额外的设计工具。矢量格式意味着生成结果可以无损缩放,也方便二次修改。

对想做 SVG 动画、生成式插画或 Claude skill 实践的开发者来说,这是一个可以直接读源码、复用的工作流参考。

Original · Geek

一份 Claude skill 和 TypeScript 库,用来生成会走动的线稿 SVG 人物与带昼夜循环的场景。 https://t.co/gCir6w0eSW

一份 Claude skill 和 TypeScript 库,用来生成会走动的线稿 SVG 人物与带昼夜循环的场景。 github.com/JDhruv14/line-…📊 1 ⚡

Industry Coordinates & Source Verification

This report is categorized under AITOP's "Products" desk. Within our cross-regional analytical framework, it directly maps to AI developer toolchains, coding agents, and engineering workflows. Key entities and technical topics under continuous tracking include Claude, SVG 动画, TypeScript, Claude skill.

Source attribution: curated from Geek (@geekbb).