← 返回项目库

想象网页画布｜AI 灵感生成

在无限画布上组织并继续生成想象中的网页。

以网页卡片连接主题、提示词和页面分支，支持本地示例预览、AI 生成、分支繁育与 HTML 下载。

真实界面

项目截图

共 6 张

灵感首页
城市漫游
作品集预览
阅读清单
提示词实验室
导出检查

Capabilities

核心功能

✓无限画布上的网页卡片
✓本地中文示例页面
✓网址到独立 HTML 生成
✓点击链接创建页面分支
✓提示词卡片作为生成线索
✓当前网页内容下载为 HTML

适用场景

探索网站首页与信息架构方向
把提示词、页面和链接关系放在同一张画布
研究生成式网页的分支浏览方式

适合谁

需要快速探索网页概念、站点结构和视觉方向的设计师、产品人员与研究者。

商业化思路

研究型自托管工具；源码交付不包含托管服务、模型额度或商业授权。

你会拿到什么

  • ✓Next.js 源码与构建配置
  • ✓中文界面与六个无外链本地示例页面

部署流程

  1. 1安装依赖并执行 npm run build
  2. 2设置 AI API 密钥后运行 npm run start

真实验证结果

已通过 6 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

上游未声明许可证；AI 生成依赖外部模型服务和密钥；本地示例不等同于生产数据。

部署难度

中等

最低配置

Node.js 18 或更高版本；运行 AI 生成功能时需要可用的 Anthropic 或 OpenRouter API 密钥。

开源许可证

上游未声明许可证

最后验证

2026-08-27

技术栈

Next.js 14React 18tldraw 2.4

授权说明

上游仓库未提供明确许可证文件；交付包已内置醒目的研究用途与权利声明，仅限学习研究，超出范围需另行取得权利人授权。

Release notes

版本记录

1 个已发布版本

vcn-240acf6d69b5 当前推荐

修复 tldraw 2.4 绑定 API 兼容性；完成中文核心界面；内置六个无外链本地示例页。

部署要求：Node.js 18 或更高版本；首次生成网页需要 Anthropic 或 OpenRouter API 密钥；示例画布无需密钥。

已知问题：上游未声明许可证；AI 生成依赖外部模型服务和密钥；本地示例不等同于生产数据。

登录后领取