AI 驱动的网站灵感收集工具

先定义,再搜索

给 AI 一句话需求,它帮你搜索参考网站并生成可视化画廊。支持多轮迭代,收拢风格方向,最终输出设计规格书。

查看示例画廊 → 了解使用方式
搜索维度3+
参考站数8-12
迭代轮次多轮
输出格式DESIGN.md
工作流

从模糊需求到精准方向,
四步完成

01

给需求

告诉 AI 你的客户需求——行业、情绪关键词、不要什么。一句话就够了。

"投资基金,暗色电影感" "有机食品,自然清新"
02

AI 搜索

自动构建多维度搜索策略,从 Awwwards、Mobbin 等灵感站点筛选最相关的参考网站。

行业+风格 灵感站点 具体风格
03

生成画廊

自动生成暗色系可视化画廊——每个参考站包含截图、风格标签、简介,支持筛选和标记。

网站截图 风格筛选 选为参考
04

迭代收敛

看完画廊后反馈方向,AI 继续收拢。确认后从参考站提取设计 token,输出 DESIGN.md。

多轮迭代 设计 Token DESIGN.md
示例

实际产出长什么样

画廊预览

娱乐文化投资基金

投资基金 Landing Page,专注娱乐和文化赛道。暗色调+大图+电影感+视觉叙事+编辑排版,黑白杂志风但要有视觉冲击力。收录 11 个参考站,按风格分类筛选。

投资基金 娱乐文化 暗色调 电影感 视觉叙事
查看画廊 →
使用方式

三种方式,按需选择

01 · Skill

Trae AI Skill

skill/ 目录复制到项目的 .trae/skills/ 下,AI 自动识别并调用。最快上手方式。

02 · Chat

直接对话

在任何 AI 编码工具中,把 SKILL.md 内容作为上下文,然后给出需求即可。

03 · Manual

手动模板

templates/gallery.html 模板,手动填充网站信息生成画廊。完全可控。

项目资源

文件结构