mcpField
H
hairline-adopt

hairline-adopt

github.com/lucasmarkes设计与 UI3.1k2.0k 次安装2 周前更新
代码仓库

关于 hairline-adopt

hairline-adopt 可将提供的 SVG 图稿转化为 Hairline 引擎上由实体构成的新角色。它保留图稿的身份与部件,而非描摹或动画化 SVG,再通过 hairline-create 设计动作并交付角色。

主要功能

  1. 01读取 SVG 图稿并识别部件
  2. 02在 Hairline 上将对象重建为实体
  3. 03保留特征而不描摹 SVG
  4. 04通过 hairline-create 设计动作概念
  5. 05检查并交付角色

适用场景

  1. 01将图标转为 Hairline 角色
  2. 02将标志重建为实体角色
  3. 03根据插画创建角色
  4. 04为基于图稿的角色添加指针动作

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/lucasmarkes/hairline --skill hairline-adopt

安装后在 Claude Code 中输入/hairline-adopt确认已加载。

详细介绍

Hairline:让一幅画动起来

有人有一幅画,想让它以 Hairline 形象动起来。此技能会读取这幅画,在 Hairline 引擎上将其对象重建为实体,并为它设计一个动作。它绝不会让 SVG 本身动起来,也绝不会描摹它:这幅画提供形象特征,而形象是全新构建的,保留其比例和各个部分。

所需内容

  • 一个 .svg 文件:图标、徽标或插画。如果提供了多个文件,每次只创建一个形象:询问先处理哪一个。
  • 可选:指针应如何与它互动。如果没有说明,概念方案会提出动作。

操作步骤

使用文件路径调用 /hairline-create,然后附上对方描述动作的原话。此技能的步骤 0 会读取这幅画,并确定对象及其各个部分;之后的概念方案会保留这些部分,并在动作上有所不同;如果对方已说明动作,则会在形式和读出方式上有所不同。此后的构建、检查和交付都由该技能完成。

该怎么说

提供概念方案时,先用一行说明你如何理解这幅画,以及保留了其中哪些部分。如果对方纠正了你的理解,应先按对方的说法重新解读,再构建任何概念方案。

如果这幅画是属于他人的标志,应在交付时说明:页面展示的是另一家公司的标志,是否发布由他们决定。

评论

支持 Markdown