morphing-icons
✓构建图标组件,其中任何图标都可以通过 SVG 线条转换变成任何其他图标。当被要求“创建变形图标”、“构建图标过渡”、“图标之间的动画”或“变换图标”时使用。
SKILL.md
Build icons that transform through actual shape transformation, not crossfades. Any icon can morph into any other because they share the same underlying 3-line structure.
Every icon is composed of exactly three SVG lines. Icons that need fewer lines collapse the extras to invisible center points. This constraint enables seamless morphing between any two icons.
Icons needing fewer than 3 lines use collapsed lines—zero-length lines at the center:
构建图标组件,其中任何图标都可以通过 SVG 线条转换变成任何其他图标。当被要求“创建变形图标”、“构建图标过渡”、“图标之间的动画”或“变换图标”时使用。 来源:raphaelsalaja/userinterface-wiki。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill morphing-icons- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 morphing-icons?
构建图标组件,其中任何图标都可以通过 SVG 线条转换变成任何其他图标。当被要求“创建变形图标”、“构建图标过渡”、“图标之间的动画”或“变换图标”时使用。 来源:raphaelsalaja/userinterface-wiki。
如何安装 morphing-icons?
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill morphing-icons 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪?
https://github.com/raphaelsalaja/userinterface-wiki
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01