SuperAPI AI 工具集

icon-jetbrains

设计与创作

查看项目

更新于 10-15 23:46

技能介绍

用途:为 JetBrains 插件创作或审查 IntelliJ New UI 风格 SVG 图标,是该插件图标尺寸、调色板、深色变体、构图规则与放置位置的统一参考。相关文档(如 packages/kilo-jetbrains/AGENTS.md)在 SVG 编写细节上以此为准。

主要能力与规则:图标遵循 IntelliJ New UI 约定,每个角色固定画布尺寸,使用严格明/暗调色板,逐形状指定颜色(IntelliJ SVG 加载器按字面十六进制值重着色,currentColor 与 CSS 无效)。每个图标须同时提供浅色与带 _dark 后缀的深色两份 SVG,几何完全一致,仅换色。工具窗口图标为四件套(16×16 基版与 20×20 条纹版各含明暗两份),须共享同一隐喻并一起更新。仅用规范调色板颜色,不引入一次性颜色。每个角色一种画布尺寸,不新增尺寸或用空白填充。禁止栅格、渐变、滤镜、嵌入字体,仅用路径几何;文字需转轮廓。根 <svg> 用 fill="none",逐形状显式设置 fill/stroke。描边默认 stroke-width="1"、stroke-linecap="round"、stroke-linejoin="round";主字形描边为 1,细线及与几何耦合的描边保持其缩放后的原始粗细。像素网格对齐:描边轴位于半像素中心,填充位于整像素。文件名用 kebab-case 且仅 ASCII。

使用方式:从角色表选定画布尺寸,参照同角色已有相邻图标;在像素网格上排布几何并做视觉居中;套用调色板浅色;保存为浅色 SVG;复制为 _dark 文件名并逐一换成深色对应色,路径保持不变;将两份文件放入 packages/kilo-jetbrains/frontend/src/main/resources/icons/ 或 icons/views/,再由插件 icon-holder 类引用;在两种主题下目视验证。缩放或移植已有图标时,几何与所有 stroke-width 按同一比例缩放,再调整主字形描边。

适用场景:插件菜单、弹出框、工具栏、树节点、工具窗口条纹、编辑器边栏、状态栏、断点标记、运行配置标签、欢迎页与徽标等图标。

限制:颜色须来自规范调色板;明暗几何必须一致;禁用纯黑纯白(状态徽章图案除外);不能用 currentColor/CSS/<style>;不可遗漏 _dark 变体;圆头端点需落在 0.5..15.5 内避免裁切。仓库中完整调色板、示例与仓库约束参见 palette.md、examples.md 及 packages/kilo-jetbrains/AGENTS.md。