用途:该技能通过自然语言对话生成网站所需的各类生产级资源,适用于为新网站创建 favicon、生成 PWA/移动应用图标、制作社交分享的 Open Graph 图片、将 logo 转换为多种尺寸、用 emoji 快速生成图标,以及构建完整资源包。
主要能力:可生成 favicon(favicon-16x16.png、favicon-32x32.png、favicon-96x96.png、favicon.ico)、PWA 与应用图标(apple-touch-icon-180x180.png、android-chrome-192x192.png、android-chrome-512x512.png)、社交图片(og-image-1200x630.png、twitter-card-1200x600.png、whatsapp-preview.png)以及 manifest 文件,并提供对应的 HTML 标签。输出按 favicons、app-icons、social、manifest.json 组织。生成后会检查尺寸、文件大小限制、颜色可访问性、平台兼容性和格式要求,并可结合框架(如 Next.js)给出集成说明。
使用方式:以对话形式描述需求,例如“用我的 logo 创建所有网页资源:/path/to/logo.png”“为我的咖啡馆网站用咖啡 emoji 生成 favicon”“创建带文字‘Launch Day!’的蓝色渐变社交图”。技能通过结构化问题引导选择资源类型、素材来源(logo 路径、emoji、文字或组合)、背景色(白色、透明或自定义 hex)等。依赖方面,必需 pip install Pillow,可选(emoji 支持)pip install pilmoji emoji。
适用场景:新网站上线、SaaS 产品品牌资源打包、博客社交分享图、将现有 logo 适配多尺寸、用 emoji 快速出图。
限制:资料未提供收费、价格信息;建议使用 512px 以上的高清源图,社交资源需借助平台调试工具验证,尽量使用透明 PNG,并在多设备上检查。