add-favicon
Installation
SKILL.md
Add Favicon
目标
为站点补全清晰、可读、可维护的本地 favicon.svg,并把浏览器真正会读取的 <link rel="icon"> 配好。
这个技能优先服务文档站和 monorepo 批量站点。它把 Iconify 作为设计灵感来源,但最终资产应落成仓库内的独立 SVG 文件,避免运行时依赖、外链失效和浏览器标签页里出现模糊杂乱的图标。
默认设计方向
除非用户明确要求相反,按以下方向设计:
- Iconify-first:先从 Iconify 图标库寻找语义和构图灵感,优先参考
lucide:*这类简洁线性图标。 - Lucide 风格:透明背景、线性描边、圆角端点、圆角连接、少量路径、足够留白。
- 不加背景块:默认不要黑色圆底、深色方块、渐变底、阴影底、装饰圆盘。用户已经表达过“直接展示 icon 更好看”。
- 最多 2 色:通常 1 个主色足够;第二色只用于强调,不要做彩虹、渐变或多色插画。
- 小尺寸可读:以浏览器 16 px favicon 为标准倒推复杂度。看不清的细节应删掉或合并。
- 无文字优先:避免字母、缩写和长文本。favicon 里文字通常会糊成一团。