网页版顶级 AI 对话平台 · 看到喜欢的效果,点一下就做出同款
40 秒讲解「启源 AI 助手」怎么用:输入你想做的 → AI 做出可交互成品 → 看到喜欢的案例点「制作同款」一键复现。点上方标签查看更多。
以下为各项功能与优势的详细说明。
每个案例末尾都有「🎬 制作同款」。点进去能看到「演示」账号做出这个效果的真实完整对话,还能点开直接看运行效果。
你的对话和文件,始终由你自己掌握。
相比 Claude Code 命令行,网页版点点鼠标就能用,零门槛。
在 设置 → 开发者 API 一键生成专属 API Key,即可用程序调用你的额度。
用法和调用真实 OpenAI 一样,只需改 base_url 和 model:
from openai import OpenAI
client = OpenAI(
api_key="sk-qy-你的KEY",
base_url="https://ai.qykaiwu.cn/v1",
)
resp = client.chat.completions.create(
model="claude-code-max",
messages=[{"role":"user","content":"你好"}],
)
print(resp.choices[0].message.content)
也可接入 Claude Code / Codex 命令行(注意地址不带 /v1):
export ANTHROPIC_BASE_URL=https://ai.qykaiwu.cn export ANTHROPIC_AUTH_TOKEN=sk-qy-你的KEY export ANTHROPIC_MODEL=claude-code-max claude
下面是 42 个真实操作录屏,不是演示动画(每段都先看成品效果,再回放生成过程)。从做落地页、3D 网页、代码作画,到游戏、网页、文档、联网调研、算法动画、幻灯片、视觉特效、多文件汇总、改造现有代码、数据看板、看懂图片、俄罗斯方块、抽奖转盘、实用工具、物理模拟、翻牌配对、天气卡片、交互烟花、科学可视化、海报设计器、交互周期表、习惯追踪器、项目看板、生命游戏、曼德博分形、迷宫寻路、五子棋、网页画板、打地鼠、老虎机、太阳系模拟、打字测速、配色生成、词云生成、3D相册、数字华容道、数字雨、双摆混沌——你会看到它像工程师一样调用工具(写文件 Write、运行命令 Bash)、真的动手产出可下载的成果,这是普通聊天机器人做不到的。而这一切,一天不到 2 元。
说「做个产品落地页」,它写出的 index.html 深色科技风、打字机大标题、滚动淡入动画、数据滚动增长、行动按钮一应俱全——纯手写单文件,不套模板。录屏里做完当场打开就是一个能上线的官网,可下载。
说「做个 3D 旋转星球」,它纯 Canvas 手写 3D 投影(不用任何外部库),画出一个发光的线框地球在星空中自转,还能鼠标拖动旋转视角。录屏里做完当场点开就能转起来,也能下载带走。
说「写个 Python 用数学生成 SVG 艺术图并运行」,它会写脚本、用 Bash 真的跑(录屏里能看到 Write + Bash),输出一张彩色渐变的 art.svg。录屏里做完当场打开就是一幅画——结果是跑出来的,不是编的。
说「做个网页版贪吃蛇」,它真的写出 snake.html(方向键控制、计分、最高分、通关判定)——录屏里做完当场点开就能玩,也能下载带走。
说「做个网页版 2048」,它写出的 2048.html 自己实现了方块滑动、相同数字合并、随机生成、计分与最高分、失败判定——不是空壳,是一整套游戏逻辑。录屏里做完当场点开就能玩,也能下载带走。
说「做个个人作品集网页」,它写出的 portfolio.html 配色现代、排版讲究——录屏里做完当场打开,响应式、可下载。
上传会议纪要 / 合同 / 报告,它读完就整理成结构化要点——把待办列成带负责人和截止日期的表格,还会主动提醒「这几项没指定负责人」。也能翻译、改写。
说「联网对比 3 款 AI 编程助手」,它会真的多次联网搜索(录屏里能看到一串 WebSearch),抓取最新价格与特点,做成一个漂亮的对比网页——这是只会背知识的普通聊天机器人做不到的。
说「做个排序算法可视化」,它写出的 sort-visualizer.html 用彩色柱子实时演示冒泡/快速排序——比较、交换、就位都有颜色高亮,还会自动循环切换算法。录屏里做完当场点开就能看到动画在跑,也能下载带走。
说「把这几点做成一套可翻页的幻灯片」,它写出的 slides.html 封面、分页要点、页码、方向键翻页一应俱全,配色专业。录屏里做完当场点开、用方向键一页页翻,也能下载带走、直接投屏演示。
说「做个粒子星空交互特效」,它写出的 starfield.html 用 Canvas 实时绘制发光粒子、自动连成星座网、鼠标靠近还会聚拢——纯手写动画,不是贴图。录屏里做完当场点开就能看到满屏流动的星辰,也能下载带走。
一次上传 3 份部门月报,说「汇总成一个报告网页」,它会逐份读懂、抽取关键数据、跨文件对比,做成带 KPI 卡片和对比表格的 summary.html——录屏里做完当场打开、可下载。文件多到超出上下文也能逐份通读再汇总,普通聊天机器人做不到。
不只是从零做——上传一个又土又简陋的待办页面,说「美化、加勾选完成、加深色模式、本地保存」,它会读懂你原来的代码,在保留功能的前提下重写升级,产出全新的 todo.html。录屏里做完当场打开:卡片风格、主题切换一应俱全,可下载。
说「做个销售数据看板」,它写出的 sales-dashboard.html 有 KPI 卡片、纯 Canvas 手绘的柱状图和折线图、地区下拉筛选(切换实时更新)——是能交互的 BI 看板,不是一张静态图。录屏里做完当场打开、可下载,数据换成你自己的就能直接用。
上传一张柱状图图片(没有任何数字,只有图),说「把数据提取出来做成表格」,它会真的"看"图、逐个读出每季度数值、判断最高最低、算出总和,做成 summary.html。录屏里数据全部读对——这是能看图的多模态能力,普通只会打字的机器人做不到。
说「做个网页版俄罗斯方块」,它写出的 tetris.html 自己实现了七种方块、旋转、消行计分、下一块预览、加速下落、失败判定——一整套经典玩法。录屏里做完当场点开就能玩,也能下载带走。
说「做个抽奖大转盘」,它写出的 lucky-wheel.html 有彩色扇区、点击开始加速旋转再缓停、指针中奖弹结果、音效开关——喜庆又能直接用。录屏里做完当场点开就能抽,也能下载带走,换成你自己的奖项就能上线。
说「做个 Markdown 编辑器」,它写出的 markdown-editor.html 左边写、右边实时渲染,标题、列表、代码块、表格、引用、链接全支持,还有字数统计和一键复制 HTML。录屏里做完当场打开就能用,可下载带走。
说「做个物理弹球模拟」,它纯 Canvas 手写物理引擎(不用外部库):小球受重力下落、撞墙和互相碰撞后真实反弹、能量衰减,点哪儿冒一个新球。录屏里做完当场点开就在动,也能下载带走。
说「做个记忆翻牌配对游戏」,它写出的 memory-game.html 有翻牌动画、配对判定、用时和步数统计、重新开始,用可爱 emoji 做图案。录屏里做完当场点开就能玩,也能下载带走。
说「做个天气卡片」,它写出的 weather.html 毛玻璃质感、会动的天气图标、当前温度/体感/湿度/风速、未来五天预报——设计感十足。录屏里做完当场点开就是成品,换成你自己的数据/接口就能用,可下载。
一句话让它写出 fireworks.html:纯 canvas 单文件、零依赖,黑色夜空撒着闪烁星星,点屏幕任意位置就发射一枚烟花升上去爆开,五彩粒子带拖尾、按重力下落再渐隐,不点也会自动放。录屏里做完当场就能点着玩,可下载。
一句话生成 fourier.html:左侧多个旋转圆和连杆实时叠加,右侧连续画出波形。可以切换方波、锯齿波、三角波,拖动滑杆改变谐波数量、基础频率、播放速度,还能暂停和清空轨迹。纯 Canvas 单文件、零依赖,录屏里完成后直接全屏运行。
生成的 poster-maker.html 不是一张死图,而是完整的可视化海报编辑器:三套科技发布会、夏日促销、极简展览模板,可实时改标题、副标题、日期、字号、文字颜色、背景渐变与装饰密度,还有随机灵感、恢复默认和2160×2880 高清 PNG 导出。
periodic-table.html 完整排列 118 个元素和镧系/锕系,按 11 类着色。支持按序号、符号、中英文名搜索,类别筛选和温度滑杆显示物态;点击元素可查看电子排布、发现年份、用途、密度与熔沸点。录屏真实演示了搜索「铁」并打开 Fe 详情卡。
habit-tracker.html 默认提供早起、阅读、运动、喝水、冥想 5 个习惯和 30 天热力网格。点击即可打卡,顶部实时统计今日完成率、最长连续天数和总打卡数;还支持分类筛选、新增/删除习惯、周趋势图和彩纸庆祝。数据保存在 localStorage,刷新也不会丢。
kanban-board.html 包含待规划、进行中、待审核、已完成四列和 10 张真实任务卡。支持HTML5 跨列拖拽、新增/编辑/删除、搜索、优先级和负责人筛选,实时统计项目进度与各列数量;所有任务与列位置用 localStorage 保存,刷新不丢。
game-of-life.html 是经典的康威生命游戏:网格里的细胞按规则一代代自动演化,加载就自动跑「高斯帕滑翔机枪」不停喷射滑翔机。可以鼠标画细胞、载入滑翔机/脉冲星等经典图案、调速度、单步、随机填充,活细胞青蓝发光。纯 Canvas 单文件。
mandelbrot.html 渲染经典的曼德博集合分形:鼠标点哪就放大哪,一层层放大能看到永不重复的无穷细节——螺旋、闪电、小曼德博岛……彩虹色带平滑上色,可缩放、重置。纯 Canvas 单文件,逐像素计算逃逸迭代。
maze.html 随机生成迷宫,再用动画一格格展示 BFS 广度优先搜索如何从起点铺开、探到终点,已走过的格子渐变着色,最后用高亮线画出最短路径。点「重新生成」换新迷宫再跑一遍。纯 Canvas 单文件。
gomoku.html 是可人机对战的五子棋:15×15 木纹棋盘,你执黑先手点击落子,电脑执白自动应手——会优先连五、堵你的活四活三。任意一方连成五子就判胜提示,右上角可「重新开始」。纯 Canvas 单文件,棋子有立体感。
paint.html 是即开即用的绘图板:鼠标在画布上自由涂画,顶部工具栏能换颜色、调画笔粗细、用橡皮擦、一键清空,还能把作品保存成 PNG 图片下载。线条平滑跟手。纯 Canvas 单文件。
whack.html 是经典打地鼠小游戏:地鼠随机从九宫格里冒头,手快点中就得分、有打中反馈,顶部实时显示分数和倒计时,时间到结算最终得分可「再来一局」。卡通配色、节奏明快。纯 Canvas 单文件。
slot.html 是霓虹街机风的老虎机:点「转动」后三个转轮飞快滚动再依次停下,三个相同符号就中奖、加积分并有闪光提示,顶部实时显示积分。转动手感和中奖动画都做足了。纯 Canvas 单文件。
solar.html 模拟太阳系运行:发光的太阳居中,八大行星按各自速度沿轨道公转,大小颜色有别、画出轨道线,地球带月亮、土星有光环,还能加速/减速时间。深空星点背景。纯 Canvas 单文件。
typing.html 是打字测速工具:随机给一段英文,你照着打时打对的字符实时变绿、打错变红,顶部实时刷新 WPM(每分钟单词数)、准确率和用时,打完显示成绩可换一段重来。深色主题、干净利落。纯 HTML+JS 单文件。
palette.html 是设计取色神器:横排 5 个色块并标注十六进制色值,按空格或点「生成」就换一套和谐配色,可锁定喜欢的颜色再生成、点色值一键复制。像 coolors 那样好用。纯 HTML+JS 单文件。
wordcloud.html 是文本可视化工具:粘贴一段文字点「生成词云」,就按词频把高频词用更大字号、彩色、不同角度螺旋排成一朵不重叠的词云,可「换配色/重新布局」一键换风格、下载成图片。纯 Canvas 单文件、不依赖外部库。
gallery3d.html 用纯 CSS 3D 把一圈卡片排成立体圆环,自动缓缓旋转展示,还能鼠标拖动手动转、悬停暂停,带透视纵深和地面倒影光晕。炫酷有质感。纯 HTML+CSS+JS 单文件。
puzzle15.html 是经典数字华容道:4×4 格里 1-15 的数字块加一个空格,打乱后点相邻数字块就滑进空位(带滑动动画),复原成 1-15 顺序即获胜,顶部记步数和用时,可随时重新打乱。数字块渐变有质感。纯 Canvas/CSS 单文件。
matrix.html 复刻《黑客帝国》的数字雨:纯黑背景上一列列亮绿字符不断下落,每列速度不同、带拖尾渐隐、末端偏白更亮、字符还随机变化,加载就自动铺满全屏跑起来。纯 Canvas 单文件,炫酷有氛围。
pendulum.html 用真实物理模拟双摆运动:两节摆臂在重力下自由摆动,第二个摆锤拖出一条渐隐的彩色轨迹,永不重复、越看越迷人——这就是混沌。点击画面可换个起始角度重新摆。纯 Canvas 单文件。