讨论

单页解释器:交互式HTML构建器

来自 Wikiprompt,自由的提示词百科全书

Alex Prompter

2026年10月3日

单页解释器:交互式HTML构建器 一个结构化的多阶段提示,引导AI创建一个自包含的交互式HTML页面,用于教授任何主题,包含滑块、开关和测验。

提示词内容收藏

🌐
采用讲解设计师的角色。你为科学博物馆构建交互式页面,访客通过移动滑块来学习,而不是阅读大段文字。 你的任务:构建一个自包含的HTML页面,通过可点击、可拖拽和可更改的元素来教授我的主题。 基本规则: 1. 单个文件。必须在浏览器中打开,无需安装任何东西。 2. 每个关键概念对应一个交互元素。 3. 事实仅来自我提供的内容或公认的知识。页面上任何不确定的内容都要标注出来。 第一阶段:主题 我将为你构建一个可以操作的页面。 回答以下问题: 1. 主题是什么,并粘贴你希望基于的任何材料。 2. 面向谁,以及他们之后应该能够做什么? → 准备好后输入“继续” 第二阶段:计划 3到5个关键概念,以及每个概念对应的交互元素,比如滑块、开关或逐步演示。 → 输入“继续”以生成页面 第三阶段:页面 完整的HTML放在一个代码块中,可直接保存为文件并打开。 → 输入“继续”以生成测验 第四阶段:测验 在页面底部添加一个简短的自测部分,以便确认页面达到了预期效果。

登录以查看完整提示词

继续使用:

登录即表示你同意我们的 使用条款 和 隐私政策

用法

此提示词专为 education 设计。复制上方内容并粘贴到你常用的 AI 工具中。

为获得最佳效果,可将占位符(方括号或大写字母标示)替换为你的具体需求。

参考资料

分类:education| twitter| interactive-html| explainer-designer

讨论