1 一句话定位
一个搜索框,搜遍全网游戏素材;找到什么、授权如何、存在哪里,都替你管好。
- 定位公式:聚合搜索 + AI 游戏素材库 + 收藏管理 + 授权速查
- 核心承诺:每一次跳转都命中真实平台,工具从第一天起就是可用的
- 形态:纯前端单文件 HTML,零依赖、零服务器、零成本,双击即用,拖拽即上线
2 目标用户与场景
| 用户 | 场景 | 核心诉求 |
| 独立游戏开发者 | 做游戏原型 / 上线前找素材 | 快、授权清楚、好整理 |
| 游戏美术 | 找参考、找风格素材 | 跨平台搜索、灵感收集 |
| 游戏专业学生 | 课程作业 / 作品集 | 免费可商用优先 |
3 核心功能(M1–M12)
| 编号 | 功能 | 说明 |
| M1 | 多平台聚合搜索 | 输入关键词 → 生成 18 个真实平台搜索链接,URL 自动编码适配各平台 |
| M2 | 类型/授权筛选 | 2D/3D/UI/SFX/BGM/字体/特效/AI × 免费可商用/需署名/付费/AI |
| M3 | 真实链接直达 | 点击卡片打开真实平台结果页;三层降级保证任何环境点击都有反馈 |
| M4 | AI 游戏素材库 | 9 个 AI 生成的游戏资产平台:特效/音乐音效/角色立绘/3D 模型,国内为主免梯子 |
| M5 | 灵感收藏夹 | 收藏链接、按项目分组、写备注,localStorage 持久化 |
| M6 | 自定义素材源 | 任意网站搜索模板({kw} 占位符),添加即参与搜索 |
| M7 | 授权速查 | CC0 / CC-BY / CC-BY-SA / GPL / 商店授权 / 会员制 / AI 政策 |
| M8 | 热词搜索 | 7 个常用需求一键填充:像素角色 / 低多边形 / RPG 瓦片 / UI 图标 / 挥剑音效 / 幻想 BGM / 科幻 UI |
| M9 | 平台排行榜 + 总览 | 质量总榜 TOP10(星级 S–C)+ 各类型最佳平台;27 平台一屏对比表可筛选 |
| M10 | 数据备份 | 收藏 + 自定义源导出/导入 JSON |
| M11 | 零成本运行 | 纯前端单文件,双击可用,Netlify 拖拽上线 |
| M12 | 后续演进 | 浏览器插件、多设备同步、团队共享、AI 关键词推荐 |
4 平台信息(18 素材源 + 9 AI 游戏素材库)
每个素材源卡片标注:价格区间 / 质量评级(星级+等级)/ 类型侧重 / 授权说明 / AI 政策。
4.1 价格区间(来自桌面调研,见 05-价格带分析.md)
- Unity Asset Store:付费 ¥68~500+,每周免费
- itch.io:免费~¥95($2.5-13)
- Gumroad 独立素材:付费 ¥20~200+
- Sketchfab:免费 CC + 付费 ¥40~700
- 其余(Kenney/Pixabay/Mixkit/OpenGameArt/Freesound/Google Fonts 等):全免费
4.2 AI 游戏素材库(AI 生成、可直接用于游戏的成品资产,非生成工具)
选品三原则:① 必须是 AI 生成且可直接用于游戏;② 国内为主免梯子(9 个中 8 个国内直连);③ 每卡标注下载额度与商用政策。
| 分组 | 平台 | 国内/海外 | 亮点 |
| 🧨 AI 游戏特效 | 爱给网(AI 专区) | 国内 | 国内最大游戏素材站,AI 专区含特效/音效/立绘 |
| 图精灵 | 国内 | AI 特效免抠图:火焰/雷电/光效/技能特效 PNG |
| 🎵 AI 音乐/音效 | Pixabay 音效(AI) | 国内直连 | 打击/挥剑/UI 点击/环境音,免版权可商用 |
| Pixabay 音乐(AI) | 国内直连 | 幻想/战斗/悬疑 BGM,免版权可商用 |
| 🎨 AI 美术资产 | 哩布哩布AI | 国内 | 角色立绘/人物全套/场景原画/游戏 CG 成品 |
| 吐司 AI | 国内 | 游戏角色/像素风/二次元立绘作品多 |
| CivitAI | 海外 | 全球最全 AI 游戏美术资产(需梯子) |
| 🧊 AI 3D 资产 | CG模型网 | 国内 | 「AI 生成模型」分类:角色/场景/道具模型 |
| 模型云 | 国内 | 低多边形/游戏场景模型,含 AI 生成模型 |
4.3 评级体系与数据口径(双视角设计)
- 双视角评级:同一平台在「主素材源」与「AI 游戏素材库」两个专栏下独立评级——主源星级 = 综合搜索价值(用于总览表与排行榜),AI 星级 = AI 素材价值(用于 AI 专栏)。例:爱给网主源 3★ / AI 专栏 4★;哩布哩布主源 3★ / AI 专栏 4★,互不影响、各取所长;
- AI 内容形态徽标(hasAI):每个平台标注 AI 素材形态——AI 专区(爱给网)/ AI 特效图(图精灵)/ AI 音效(Pixabay 音效)/ AI 音乐(Pixabay 音乐)/ AI 生成图库(哩布哩布、吐司、CivitAI)/ AI 生成模型(CG模型网、模型云);
- 数据口径:平台总览 27 行 = 18 主源 + 9 AI 站(去重);搜索「全部类型」命中 18 个平台——爱给网、Pixabay 音效、Pixabay 音乐、哩布哩布 4 个 AI 站与主源同名,搜索时并入主源入口;授权筛选「AI」命中 12 个平台(lic=AI 的平台 + 含 AI 生成内容的平台)。
5 为什么不做交易平台(方向复盘)
- 交易平台需要供给端冷启动(商家/画师/审核/支付/信用),独立开发者无法承担,「有平台没内容」是死局;
- 「找素材」是个人效率问题,边界清晰、第一天就能用;
- 工具护城河 = 真实链接库 + 个人收藏数据 + 授权知识沉淀,越用越有价值;
- 叙事上,「把一个高频痛点做到极致」比「画一个平台大饼」更可信、更完整。
定位修正:早期方向为「素材交易/协作平台」,复盘后重新定位为个人找素材提效工具。本 PRD 取代 03-PRD.md,原交易平台方向归档不再演进。
6 交互与跳转设计(含真实踩坑)
预览沙箱/内嵌 iframe 会拦截 window.open 与页面跳转,导致「点了没反应」。解决方案:
1window.open尝试新标签页,真实浏览器直接成功
2原生 <a>部分沙箱拦 window.open 不拦原生链接
3复制 + 提示任何环境点击都必有反馈,绝不静默失败
4原生 href 保底中键 / Ctrl+点击 / 右键新标签打开
- 原生链接保底:所有跳转按钮用
<a href> 而非 button,中键 / Ctrl+点击 / 右键新标签打开全部可用;
- 复制按钮:每张卡片提供独立「复制」,一键复制链接;
- AI 卡片站内搜索:支持「打开素材库 / 站内搜索(自动带入当前关键词)/ 复制」三个操作,搜索词跨平台不重输;
- 预览模式提示条:iframe 内自动显示「外链可能被拦截 + 下载本地版」提示。
7 验收标准(65 项 jsdom 自动化测试全部通过 ✅)
- 搜索:全部类型命中 18 平台,URL 编码正确,AI 素材徽标
- 筛选:授权=AI 命中 12 个有 AI 内容的平台,全部带徽标;类型=3D 命中 8 平台
- AI 游戏素材库:9 平台 5 组渲染,国内/海外徽标,不含生成工具
- 排行榜:TOP10 星级可点击;8 类类型榜可跳转
- 平台总览:27 行对比表,星级/价格/AI 徽标齐全,类型筛选正确
- 收藏夹:搜索收藏/手动添加/分组/删除/持久化/统计
- 自定义源:添加进总览与搜索,链接模板正确
- 备份:导出/导入 JSON 不崩溃
- 跳转反馈:点击必有复制提示,多层降级不产生递归
8 技术实现
- 架构:单文件 HTML+CSS+JS,数据层 / 渲染层 / 交互层三段式(radar_1/2/3 拼接)
- 数据层:SOURCES(18 主源)+ AI_FREE(9 AI 站)+ LICENSES(7 授权卡),统一
{kw} 搜索模板
- 持久化:localStorage(
ar_favs_v1 收藏 / ar_custom_v1 自定义源)+ JSON 导入导出
- 测试:jsdom 65 项用例,覆盖核心链路防回归
- 部署:Netlify Drop 拖拽即上线(
index.html 置于根目录,零配置)
9 部署与分享
2打开 Netlify Dropapp.netlify.com/drop 把文件或 zip 拖进去
3自动上线数秒后获得 xxx.netlify.app 线上地址,素材链接全部可点击直达
4自定义域名修改 Site name 或绑定自有域名
🌐 已上线:https://effervescent-starlight-e35ba2.netlify.app —— 部署于 Netlify,可直接访问体验完整功能。
10 路线图
P0 ✅ 已完成
- 单页工具 v1.1——聚合搜索、AI 游戏素材库、收藏、授权速查、自定义源、数据备份、65 项测试、Netlify 部署
P1
- 浏览器插件(任意页面选中→右键搜索)、搜索历史、多设备同步
P2
- 团队共享收藏、AI 关键词推荐、素材「平替」推荐(CC0 替代付费)
11 价值验证
- 效率:单次找素材较书签/站内搜索下降 ≥50%(一次覆盖 18+9 平台)
- 留存:收藏夹周新增、自定义源添加量、跳转点击率
- 访谈:3 名独立开发者试用 1 周,按真实搜索场景迭代
面试 30 秒故事
我给独立游戏开发做了一个找素材效率工具。痛点是一次找素材要开七八个标签页、授权还搞不清。方案是聚合搜索——一个关键词生成 27 个真实平台的直达链接,再配一个 AI 游戏素材库和授权速查。最值得讲的两件事:一是 AI 素材库的选品逻辑——只收能直接用于游戏的 AI 成品资产、国内免梯子;二是跳转的降级设计——预览沙箱拦截弹窗,我做了三层降级保证任何环境点击都有反馈,配 65 项自动化测试兜底。
面试 2 分钟深挖版
- 为什么不做交易平台:供给端冷启动是死局,「聚合+跳转」第一天就能用;
- 为什么收 9 个 AI 素材站而不是 20 个:宁缺毋滥,每个都验证过可访问、标注过商用政策,数量可扩展但质量先保证;
- 同平台为什么星级不同:主源星级 = 综合搜索价值(总览/排行榜),AI 星级 = AI 素材价值(AI 专栏),双视角独立评级——爱给网在主源 3★、在 AI 专栏 4★,各取所长;
- 为什么单文件:双击可用、拖拽可部署、不依赖任何框架,工具的本质是解决效率而不是展示技术;
- 怎么保证链接可用:HTTP 实测 + 浏览器人工验证 + 反爬 403 特殊标注 + 每卡复制按钮兜底。