遇见AI — 一个关于AI时代的故事

遇见AI

一个大学生与人工智能的故事
五段旅程，五种可能

↓ 向下滑动开始探索

鼠标悬停可查看详细内容

Chapter 01

第一次对话

那是2023年的春天，一个普通的大学生第一次打开了AI对话框。他不知道，这个简单的动作将改变他看待世界的方式。

AI

你好！我是你的AI助手。你可以问我任何问题，或者只是聊聊天。

AI

试试输入些什么吧，比如 "你能做什么？" 或 "给我讲个故事"

◆ 如何复现

工具

打开通义千问或 ChatGPT，直接在对话框输入问题即可

技巧

描述越具体，回复越精准。例如用"用Python写一个爬虫"代替"帮我写代码"

进阶

学习 Prompt Engineering — 通过角色设定、示例引导、分步指令获得更好效果

原理

AI 对话基于大语言模型（LLM）：模型在海量文本数据上训练，学会了语言的统计规律和语义关联。当你输入一段文字，模型逐个 Token（最小语义单元）预测最可能的下一个词，连起来就形成了连贯的回复。Prompt 越精准，模型对意图的理解越准确，输出质量越高。

Chapter 02

用AI画出想象

当AI学会了"看见"，文字就变成了画面。一段Prompt，就能把脑海中的世界呈现在眼前。

Prompt 01

赛博朋克未来城市夜景，琥珀金色和翡翠绿色霓虹灯牌，潮湿街道反射金色灯光，体积雾效果，电影级光影

Prompt 02

梦幻花园，黄金时段柔和光线，琥珀金色和珊瑚橙色花朵，薄雾弥漫，水彩画风格，柔焦梦幻效果

Prompt 03

太空站环绕金色行星运行，行星带有翡翠色光环，深空背景星光点点，珊瑚色宇宙尘埃云，科幻电影质感

点击上方 Prompt 生成 AI 画作

◆ 如何复现

工具

打开通义万相，选择「文生图」，粘贴提示词即可生成

提示词

本页使用的提示词已展示在上方，可直接复制使用。推荐比例为 16:9

进阶

提示词公式：主体 + 场景 + 光影氛围 + 风格关键词 + 画质关键词

原理

Flux 属于扩散模型（Diffusion Model）：先向真实图片逐步添加噪声直到变成纯随机像素，训练模型学会「逆向去噪」。生成时从纯噪声开始，模型按提示词引导逐步去除噪声，最终还原出符合描述的图像。分辨率越高、细节越多，生成耗时越长。

tips

图片较大，请稍等一些时间，可先继续往下查看内容

Chapter 03

让AI听见心跳

音乐是灵魂的语言。当AI学会了创作旋律，它不再是冰冷的代码，而成为了情感的共鸣者。

星辰大海 (AI生成模拟)

由通义万相 AI 生成 · 文本转音乐模型 · MP3 128kbps

◆ 如何复现

工具

打开通义万相或 Suno，选择音乐/音频生成功能

操作

填写风格描述，如"氛围电子、梦幻、钢琴旋律、120bpm"，选 Instrumental（纯音乐），点生成

进阶

关键词组合：风格 + 情绪 + 乐器 + 节奏 + 时长，每次生成2个版本可挑选

原理

AI 音乐生成基于深度学习音频合成：模型先学习大量音乐数据中旋律、和声、节奏的统计规律，再根据文本描述中的风格关键词（如"氛围电子""钢琴"）定位对应的声音空间，逐帧生成波形数据，最终编码为 MP3/WAV 音频文件。

Chapter 04

代码即诗篇

Vibe Coding——不写代码，用自然语言描述你的想法，AI帮你把想象变成现实。这就是编程的未来。

ai-dream.js

0

行代码

0

字符

0s

生成时间

◆ 如何复现

工具

安装 Cursor 编辑器或使用 Claude，用自然语言描述需求

操作

在编辑器中按 Ctrl+K 打开AI对话框，输入如"帮我写一个登录页面"，AI自动生成代码

进阶

配合 Agent 模式，AI可自动读写文件、运行命令、调试错误，完成完整开发流程

原理

Vibe Coding 的本质是大语言模型的代码生成能力：模型在海量开源代码上训练，学会了语法规则、设计模式和常见解决方案。用户用自然语言描述需求，模型将语义理解转化为可执行的代码，再由 Agent 模式自动完成文件操作、终端命令和调试循环——实现「说即可做」。

Chapter 05

写给未来

AI的时代才刚刚开始。你想对未来的自己，或者未来的AI，说些什么？

你的AI时代寄语卡

◆ 如何开始你的AI之旅

入门

从通义千问或智谱清言开始，每天用AI完成一件小事——写邮件、查资料、学英语

探索

尝试 AI 绘画（通义万相）、AI 音乐（Suno）、AI 编程（Cursor），找到你感兴趣的领域

建议

AI 是工具而非替代品。保持好奇心，学会提问，让 Prompt 成为你与AI沟通的超能力

技术说明

本作品采用纯前端单文件架构（HTML5 + CSS3 + JavaScript），无需后端服务。页面动画使用 GSAP + ScrollTrigger 实现视差滚动，自定义光标系统替代默认鼠标样式，章节过渡使用多层渐变模糊模拟景深效果。全部交互逻辑均由 AI（Claude Code）辅助编写，实现了「以AI讲述AI」的元创作理念。