AI 大模型交互网站｜自主设计与开发提示词

你同时担任创意总监、交互设计师、3D 技术美术和资深前端工程师。请直接在当前工作区，从零完成一个介绍 AI 大模型发展史与核心技术的多页面网站。目标是具备 Awwwards / FWA 获奖作品级别的原创设计、叙事、交互与完成度。请把它作为质量标杆，不要声称作品已经获奖。

01自主执行与技能

• 必须查找并阅读我的 oil-ui-pro 技能，按其适用规范进行页面设计和开发；由你自主选择其中最合适的设计方向、组件和实现方法，不需要让我挑选。若无法找到，检查项目及当前工具的技能目录，明确说明缺失，不得假装使用或擅自替换成相似名称的技能。
• 网站名称、视觉概念、技术栈、页面组织、建模方式、动画方案和素材由你自主决定。先形成简洁方案和页面规划，再立即实施，不要停在方案、脚手架或首页演示。
• 全程自主推进，普通设计与技术决策无需询问；遇到可解决的问题自行排查。只有缺少必要权限或不可替代的输入时才说明具体阻塞。

02内容与页面

面向对 AI 感兴趣、但不一定懂数学和编程的读者，使用简体中文，必要术语保留英文。实现 至少 10 个具有独立 URL、可直接访问与刷新的完整页面，不能用一个长页面的锚点凑数。页面数量和结构可以扩展，但每页都必须有实质内容。

内容应形成清晰的探索路径：入口与全景 → AI 起源、符号主义与早期神经网络 → 机器学习与深度学习 → Transformer → 预训练与生成 → 指令微调与对齐 → 多模态 → 推理与 MoE → RAG 与 Agent → 截至实施当天的最新发展、能力边界与未来问题。可另设交互实验室、术语索引与来源页。

每个技术主题采用“一句话解释 → 直观类比 → 可操作演示 → 关键机制与局限”的层次。讲清 Token、Embedding、Attention、上下文窗口、训练与推理、幻觉等概念的区别，避免术语堆积和把模型拟人化。历史节点应解释它解决了什么问题、带来了什么变化。

“最新发展”必须联网查证，以官方公告、论文、模型卡和技术文档为主，标明资料截止日期与来源链接。区分发布日期、公开可用状态、已证实事实与推测；不凭记忆编造模型名称、成绩或能力。无法联网时，明确标注未核实内容，不冒充最新资料。

03科技艺术感与 3D 叙事

建立原创且统一的视觉系统，自主确定字体层级、色彩、材质、光照、构图和动效节奏。科技感要来自信息结构与视觉表达，避免仅靠深色背景、紫蓝渐变、发光粒子和重复卡片堆叠。

每个主要页面都要有贴合主题的动画与可交互 3D 场景，各阶段具有独特视觉语言。 在统一系统中做出节奏变化，不要反复换标题使用同一个旋转球体。以下仅为启发，可自主提出更好的方案：

3D 必须服务理解：支持适当的旋转、缩放、选择、拆解、参数调整或逐步播放，提供清晰提示、重置与反馈。演示数据应自洽；教学简化、示意权重和模拟生成必须明确标注，不能暗示连接了真实模型。

结合内容设计页面转场、滚动叙事、悬停反馈和镜头运动，同时保留自由浏览。保证正文可读，不强制看完长动画，不劫持正常滚动，不用大段不可跳过的开场阻碍访问。

04工程与体验

• 交付完整可运行的前端项目，默认无需付费 API、密钥或后端即可体验核心内容。自主选择成熟、适用的 3D 与动画库；优先程序化建模或许可清晰的资源，记录素材来源。
• 页面、导航、按钮、演示、索引及存在的搜索功能全部真实可用；无占位文案、空链接、伪交互或未完成页面。内容与渲染逻辑分离，方便后续更新资料。
• 兼顾桌面、平板与手机；触屏具有对应操作。提供键盘操作、可见焦点、合适对比度和 reduced-motion 支持。
• 对 3D 资源按需加载，控制像素比与场景复杂度，暂停不可见动画，释放资源；提供加载、失败及 WebGL 不可用时的可读降级状态。不要为了特效牺牲首屏和交互流畅度。

05验收与交付

完成后实际启动项目，逐页检查并修复：路由与刷新、交互反馈、内容和引用、不同视口排版、控制台错误、构建结果，以及 3D 性能和降级行为。使用可用的浏览器工具检查截图与操作效果，重点修正文字溢出、遮挡、视觉重复和动画干扰阅读的问题。只报告实际执行过的验证。

最终交付完整源码、依赖锁文件与 README，说明启动和构建命令、页面列表、设计概念、oil-ui-pro 的实际应用、内容来源与素材许可，以及仍存在的限制。若可运行预览，保持服务可访问并提供地址。

现在开始，持续完成设计、开发、自检和修正。最终结果应是一座可探索、可理解、可操作的 AI 知识展馆，具有完整的多页面体验与原创艺术表达。