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 里文字通常会糊成一团。
Related skills

More from ruan-cat/monorepo

Installs
1
GitHub Stars
3
First Seen
Apr 21, 2026