SuperAPI AI 工具集

frontend-image-generation

设计与创作

查看项目

更新于 10-15 16:52

技能介绍

用途:为前端界面挑选和接入图片素材,核心策略是免费资源优先,AI 生成仅用于定制需求。

主要能力与决策路径:头像用 DiceBear、Boring Avatars;占位照片用 Unsplash、Picsum;插画用 unDraw、Storyset 等免费 SVG;背景用 Haikei、CSS 图案;仅当需要定制品牌插画、无合适免费资源或用户明确要求时,才使用 AI 生成(付费)。

用法示例:头像接口如 https://api.dicebear.com/7.x/lorelei/svg?seed=John、https://source.boringavatars.com/beam/120/John、https://ui-avatars.com/api/?name=John+Doe&background=6366f1&color=fff;照片如 https://source.unsplash.com/800x600/?technology、https://picsum.photos/seed/hero/1200/600;插画站点 undraw.co、storyset.com、humaaans.com、openpeeps.com,下载 SVG 后放入 public/illustrations/;背景站点 haikei.app、heropatterns.com、coolbackgrounds.io。AI 生成示例调用 OpenAI 图像接口,模型 dall-e-3,尺寸 1792x1024,质量 hd。Next.js 需在 next.config.js 的 images.remotePatterns 中允许 source.unsplash.com、picsum.photos、api.dicebear.com、ui-avatars.com 等域名。

限制:AI 生成属付费且仅在必要时使用;具体价格、额度与各免费服务的许可条款资料未提供,使用前需自行核实。