kubai087/kubai-icons

选用指南

AI 根据 README 整理 · 2026/11/4 00:41:58

使用方式

作为 Claude Code 的技能使用，通过自然语言描述需求即可触发。也可通过命令行脚本导出静态 SVG 图标。

查看 README 依据

Copy this into Claude Code and send it: ```text Install the Kubai Icons skill for me: clone https://github.com/kubai087/kubai-icons into ~/.claude/skills/kubai-icons (if it's already there, pull the latest version instead), make sure ~/.claude/skills/kubai-icons/SKILL.md exists, and tell me when it's ready. ``` Then restart Claude Code, and the skill is ready to use. ### Or install it yourself Download `kubai-icons-v*.zip` from the [latest release](https://github.com/kubai087/kubai-icons/releases/latest) and unzip it into your skills folder: ```bash

| Motion | Two keyframes per part, rest and hover | None; the rest pose or the end of the hover | Ask for "static SVG files" or "icons I can drop into Figma", and the skill draws the icons the same way, then exports them. You can also export any icon in this repository yourself: ```bash node scripts/export.mjs --only 文件夹,日历 --palette 薄荷 --out icons/ ``` | Option | What it does | | --- | --- | | `--palette` | 彩色 (default), 蓝灰, 青瓷, 薄荷, 薰衣草, 杏色 or 黑色. | | `--accent #hex` | Paints every icon in one accent colour. | | `--state hover` | Exports the end of the hover instead of the rest pose. |

部署要求

需要 Claude Code 环境，建议使用 Claude Opus 5.5 模型以获得最佳效果。自检脚本需要 Node.js 18 或更高版本和 Chrome。

查看 README 依据

The skill asks for careful geometry, layering across animation frames, and several rounds of looking at its own screenshots. It was developed and blind-tested with **Claude Opus 5.5**, which gives the most consistent results. Choose it in your client's model picker, or start Claude Code with: ```bash claude --model claude-opus-5-5 ``` ### Ask for icons Describe what you need in plain words. The skill triggers on requests about icons, so you don't need to name it. - "Read this repository and draw dynamic icons for its main features." - "Add a scissors icon and a map icon to this set."

[www.kubai.design/kubai-icons](https://www.kubai.design/kubai-icons/) shows the whole set. Hover any icon, switch palettes, or turn on the demo to watch them all move. Locally, open `index.html` in a browser. ## Self-check Needs Node.js 18 or later and Chrome. Everything runs headless; no window opens. ```bash node scripts/check.mjs --only 剪刀,地图 --with 文件夹,邮件,下载 ``` | Option | What it does | | --- | --- | | `--only` | Checks only these icons. Without it, the whole set. | | `--with` | Adds existing icons beside them for comparison. |

已知限制

仓库采用 source-available 许可，并非开源。修改或翻译规则文件（PROMPT.md、SKILL.md）后不得分发，也不得出售该技能。

查看 README 依据

- **Add your own icon.** Design an icon with the skill and open a pull request. Once merged, it joins the gallery, credited to you when someone hovers it. [CONTRIBUTING.md](CONTRIBUTING.md) has the rules for both. Please read the [code of conduct](CODE_OF_CONDUCT.md) too; security issues go through [SECURITY.md](SECURITY.md). ## License This repository is under the [Kubai Icons License](LICENSE). It is source-available, not open source. In short: - **Your icons are yours.** Icons you make with the skill belong to you, for any use including commercial, with no credit required.

- **Don't republish it as something else.** Don't distribute a modified or translated version of the rules (`PROMPT.md`, `SKILL.md`), sell the skill, remove its notices, or present it under another name or as your own work. The Kubai and Lumno names and logos are not licensed for reuse. The construction comes from the bookmark folder icon in [Lumno](https://github.com/kubai087/lumno-extension).