展示 HN:AI 回复中可嵌入的交互式组件,增强学习体验

2作者: abdulmuminyqn8 个月前
大家好, 我一直对大多数 AI 生成的教育内容过于静态和被动感到很沮丧。 完美的解释固然很好,但它并不能保证“学习”的效果。 为了解决这个问题,我构建了一个系统,可以动态地将交互式元素注入并渲染到 LLM 的响应中,将原本只是文字堆砌的内容转化为一个生动的学习环境。 一个实际应用的例子是关于篮球规则的超酷解释 - <a href="https:&#x2F;&#x2F;thirdpen.app&#x2F;article&#x2F;FN3IbjLa&#x2F;lens" rel="nofollow">https:&#x2F;&#x2F;thirdpen.app&#x2F;article&#x2F;FN3IbjLa&#x2F;lens</a> 或者一个关于冒泡排序算法如何工作的简单 DSA 问题:<a href="https:&#x2F;&#x2F;thirdpen.app&#x2F;article&#x2F;QRV7MYmu&#x2F;lens" rel="nofollow">https:&#x2F;&#x2F;thirdpen.app&#x2F;article&#x2F;QRV7MYmu&#x2F;lens</a> 从这些例子中我们可以看到,用 AI “学习”不一定只是关于文字。 我很想确认我们是否正在朝着正确的方向进行创新。 你可以在这里试用:<a href="https:&#x2F;&#x2F;thirdpen.app" rel="nofollow">https:&#x2F;&#x2F;thirdpen.app</a>
查看原文
Hey folks,<p>I was frustrated by how static and passive most AI-generated educational content is. A perfect explanation is great, but it doesn&#x27;t guarantee &quot;learning&quot;.<p>To fix this, I built a system to dynamically inject and render interactive elements into the LLM&#x27;s response, turning what would rather be walls of just text into a live learning environment.<p>An example of it in action is this super cool explanation on the rules of basketball - <a href="https:&#x2F;&#x2F;thirdpen.app&#x2F;article&#x2F;FN3IbjLa&#x2F;lens" rel="nofollow">https:&#x2F;&#x2F;thirdpen.app&#x2F;article&#x2F;FN3IbjLa&#x2F;lens</a><p>Or a simple DSA question of how bubble sort algorithm works: <a href="https:&#x2F;&#x2F;thirdpen.app&#x2F;article&#x2F;QRV7MYmu&#x2F;lens" rel="nofollow">https:&#x2F;&#x2F;thirdpen.app&#x2F;article&#x2F;QRV7MYmu&#x2F;lens</a><p>We are able to see in this examples that &quot;learning&quot; with AI does not have to be just about text.<p>I would love to confirm whether or not we&#x27;re innovating in the right direction with this.<p>you can try it here: <a href="https:&#x2F;&#x2F;thirdpen.app" rel="nofollow">https:&#x2F;&#x2F;thirdpen.app</a>