【挑战开发50个AI应用第四期】AI对话看板,别再开十几个页面和AI对话了

70 阅读4分钟

【挑战开发50个AI应用第四期】AI对话看板,别再开十几个页面和AI对话了

一分钟速览

image.png

产品场景

这周在科研写作的时候,遇到了一个很头疼的问题 我针对审稿意见进行文章的修改 那我就把原稿,十几条审稿意见都丢进去,这很正常嘛 我就从前往后改,改着改着突然发现,他引用的原稿不对了 渐渐地出现了一些幻觉

image.png 于是我不得不重新开一个对话,再重复提交稿件、提示词、参考文献...

image.png

我就在想这些重复的动作能不能在一个空间里完成 设计创意行业里,这样的无限画板moodboard形式的工具已经蛮普及了 像Lovart、google mixboard...

image.png 但是如果你从事文字性工作的话,就会发现怎么没有一个文字工作画板 创作的时候,人类思维是发散的 而在AI对话框中,他的思维是线性的,还会受制于上下文的长度,产生幻觉 如果是处理一个稍微复杂的创作工作 那必然是会多开AI对话页面,甚至是要同时开Gemini(文本表现力)、Chatgpt(分析的深度)、豆包(国内的联网搜索)等多个模型对话页面,互相对话,利用他们不同的特长来处理文本 能不能有一个工具可以让我管理这些散落的页面,并且可以让他们的内容流动起来? 于是就有了今天的AI对话看板工具!

功能说明

通过无限画板 + 节点化对话的形式,让用户在一个屏幕内管理所有 AI 任务,实现思维的可视化和Prompt流程的资产化。

界面层:无限画板 (Infinite Canvas)

  • 基本操作: 支持无限缩放、拖拽平移、网格对齐
  • 视觉风格: 极简、轻量化,减少干扰,强调内容本身
  • 磁贴式布局: 所有的对话窗口不再是全屏,而是画板上的卡片,可自由调整位置

image.png

核心单元:节点系统 (Node System)

  1. 对话节点 (Chat Node)
  • 功能: 一个迷你版的 LLM 对话窗口。
  • 交互: 接收上游输入,生成回答,双击标签栏全屏沉浸对话,作为下游输入。

image.png

  1. 上下文节点 (Asset/Context Node)
  • 功能: 存放“不变”的参考内容。
  • 类型:
    • 文本卡片 (Sticky Note): 存放设定集、世界观、用户长期记忆。
    • 文档卡片 (File Node): 支持 PDF/Word 上传与解析。

image.png

  1. 图像生成节点 (GenImg Node)
  • 功能: 接收文本提示词,调用生图模型(Nano Banana)并展示图片。

image.png

资产层:模版库 (Template Library)

解决“提示词复用”问题的关键。

  • 节点预设 (Node Presets):
    • 用户配置好一个节点(例如:写好了“你是一个严厉的 Nature 审稿人”),可以右键“保存为组件”。

    • 下次从侧边栏直接拖拽这个提示词组件使用。

image.png

开发教程

1.下载安装开发工具

篇幅比较长,附在文末链接了!市面上的vibe-coding都能用

2.建构产品

步骤 1:寻找对应的模型接口

API聚合地址:www.deployai365.com/ApiExplorer

其实DeployAI的调用接口逻辑是这样的 我们需要去API接口聚合地址找到对应的模型 这次我用的就是【Gemini3Pro】做语言模型

image.png

搜索需要的模型 按照图中箭头选择对应模型

image.png

鼠标移动到API区域后会出现【copy】按钮 点击【copy】后会自动复制完整的API信息,直接在ai编程工具里面粘贴 复制对应的模型配置信息到Claude Code中 所以固定搭配就是“基于这个接口”+“开发一个xxxxx功能”

0d4a7f231f7f700e14fc44a781c6d339.png

提示词附在链接里了,比较长放到文章中影响阅读 但是记得在使用的时候替换自己复制过来的接口信息 不然无法正确调用自己的接口

步骤 2:出现的授权选项全部都选择yes,直到成功

成功之后可以在文档中找到这个【start】文件 双击打开网站预览效果 根据效果再回去给Claude Code提意见

image.png

步骤 3:中间报错复制提交给Claude Code修复即可

过程中一定是会出现很多问题的,都可以通过截图丢给他,让他自行解决。 完成之后可以继续修改直到符合要求。

3.部署上线

教程同样在文末链接了,我用的是DeployAI的服务

image.png

部署成功之后可以免费在他们的服务器挂两天 你的网址就可以分享给别人了

小结

【回顾内容】 第4天挑战成功! 从使用上来说,这个可能真的会成为我日常处理文本创作的一个重要工具

【明日预告】 挑战继续! 迎接挑战 No. 5!我们将开发 [AI电商摄影棚] 你也可以把你想要构建的应用留言在下面,或许可能成为下一期选题! 挑战的所有工具来自www.deployai365.com 完整教程: yikeimapp.feishu.cn/docx/RskMdy…