用途:为 Next.js 项目生成完整的 favicon 与应用图标集,并配置相关元数据。
主要能力:先自动扫描代码库,从 package.json、app/layout.tsx 的 metadata、README.md、tailwind.config.ts 的自定义颜色、app/globals.css 的 CSS 变量以及已有图标文件中提取应用名、描述与品牌色,随后向用户确认或按需询问缺失信息。生成方式分两类:一是无源图,用 next/og 的 ImageResponse 动态生成 app/icon.tsx(32x32)与 app/apple-icon.tsx(180x180),可选文字/首字母、Emoji 或 SVG 风格;二是基于已有源图,用 sharp 或 ImageMagick 批量输出 16、32、180、192、512 等尺寸的 PNG 与 favicon.ico。还会创建 public/site.webmanifest 或 app/manifest.ts,并在 app/layout.tsx 中配置 icons 与 manifest。
使用方式:运行 /favicon 触发流程,先静默扫描,再展示发现结果并确认;若缺少品牌色或应用名则仅询问必要信息。基于源图时需先安装依赖,如 bun add sharp 或 brew install imagemagick,再执行生成脚本。
适用场景:Next.js 项目的图标与 PWA 元数据初始化,覆盖 SaaS、开发者工具、教育、电商等类型,并给出对应风格与配色建议。
限制:仅面向 Next.js;动态图标依赖 next/og 与 edge runtime;Apple 图标须为 180x180 PNG;图标不更新需清缓存并重启开发服务器。具体收费与平台支持暂未提供。