懂AI
llm-markdown

llm-markdown

基于Nextjs的LLM富文本展示应用

该项目使用Nextjs展示大型语言模型（LLM）的富文本响应，包括Markdown格式、Mermaid图表和LaTeX方程。示例展示了使用甘特图了解何时种植蔬菜和使用饼图查看票房最高的电影。主要技术包括Nextjs、Vercel AI、remark、mermaid和latex.js等。克隆项目，安装依赖后便可在浏览器中运行，并使用OpenAI API Key进行操作。

NextjsVercel AILLMMarkdownmermaidGithub开源项目
GitHub

项目介绍：LLM Markdown

LLM Markdown 是一个基于 Nextjs 的应用程序，展示了如何通过提示和渲染 Markdown 格式，来显示大语言模型（LLMs）生成的富文本响应。该项目不仅支持 Markdown 格式，还可以呈现 Mermaid 图表以及 LaTeX 方程，让用户体验到大语言模型输出的丰富内容。

项目示例

LLM Markdown 提供了一些生动的示例来展示其功能。例如，用户可以通过 Mermaid 饼图查看最高票房电影的分布情况，或者利用 Mermaid 甘特图表了解蔬菜的最佳种植时间。这些图表直观易懂，使得复杂信息的呈现变得简单而有效。

技术架构

这个项目的技术栈中使用了多种工具和框架，以下是其中的几个关键技术：

  • Nextjs：作为项目的基础框架，保证了应用的高性能和易用性。
  • Vercel AI：提供 AI 支持，增强了应用的智能交互能力。
  • remark：用于处理和转换 Markdown，让文本格式更为丰富。
  • mermaid：用于创建图表和可视化效果，使信息表达更为直观。
  • latex.js：支持 LaTeX 方程的渲染，适合需要复杂数学表示的场景。

项目设置步骤

要体验 LLM Markdown，用户可以按照以下简单的步骤进行设置：

  1. 克隆项目到本地。
  2. 执行 npm install 安装必要的依赖包。
  3. 运行 npm run dev 启动开发环境。
  4. 在浏览器中打开应用查看效果。
  5. 设置您的 OpenAI API 密钥以激活大语言模型的功能。

通过简洁易懂的步骤设置和丰富的技术支持，LLM Markdown 为用户提供了一种全新、富于表现力的与大语言模型交互的方式。无论是为了生动地展示数据，还是为了简化复杂的内容表达，该项目都提供了一个强大的解决方案。

编辑推荐精选

音述AI

音述AI

全球首个AI音乐社区

音述AI是全球首个AI音乐社区，致力让每个人都能用音乐表达自我。音述AI提供零门槛AI创作工具，独创GETI法则帮助用户精准定义音乐风格，AI润色功能支持自动优化作品质感。音述AI支持交流讨论、二次创作与价值变现。针对中文用户的语言习惯与文化背景进行专门优化，支持国风融合、C-pop等本土音乐标签，让技术更好地承载人文表达。

QoderWork

QoderWork

阿里Qoder团队推出的桌面端AI智能体

QoderWork 是阿里推出的本地优先桌面 AI 智能体，适配 macOS14+/Windows10+，以自然语言交互实现文件管理、数据分析、AI 视觉生成、浏览器自动化等办公任务，自主拆解执行复杂工作流，数据本地运行零上传，技能市场可无限扩展，是高效的 Agentic 生产力办公助手。

lynote.ai

lynote.ai

一站式搞定所有学习需求

不再被海量信息淹没，开始真正理解知识。Lynote 可摘要 YouTube 视频、PDF、文章等内容。即时创建笔记，检测 AI 内容并下载资料，将您的学习效率提升 10 倍。

AniShort

AniShort

为AI短剧协作而生

专为AI短剧协作而生的AniShort正式发布，深度重构AI短剧全流程生产模式，整合创意策划、制作执行、实时协作、在线审片、资产复用等全链路功能，独创无限画布、双轨并行工业化工作流与Ani智能体助手，集成多款主流AI大模型，破解素材零散、版本混乱、沟通低效等行业痛点，助力3人团队效率提升800%，打造标准化、可追溯的AI短剧量产体系，是AI短剧团队协同创作、提升制作效率的核心工具。

seedancetwo2.0

seedancetwo2.0

能听懂你表达的视频模型

Seedance two是基于seedance2.0的中国大模型，支持图像、视频、音频、文本四种模态输入，表达方式更丰富，生成也更可控。

nano-banana纳米香蕉中文站

nano-banana纳米香蕉中文站

国内直接访问，限时3折

输入简单文字,生成想要的图片，纳米香蕉中文站基于 Google 模型的 AI 图片生成网站，支持文字生图、图生图。官网价格限时3折活动

扣子-AI办公

扣子-AI办公

职场AI，就用扣子

AI办公助手，复杂任务高效处理。办公效率低？扣子空间AI助手支持播客生成、PPT制作、网页开发及报告写作，覆盖科研、商业、舆情等领域的专家Agent 7x24小时响应，生活工作无缝切换，提升50%效率！

堆友

堆友

多风格AI绘画神器

堆友平台由阿里巴巴设计团队创建，作为一款AI驱动的设计工具，专为设计师提供一站式增长服务。功能覆盖海量3D素材、AI绘画、实时渲染以及专业抠图，显著提升设计品质和效率。平台不仅提供工具，还是一个促进创意交流和个人发展的空间，界面友好，适合所有级别的设计师和创意工作者。

图像生成热门AI工具AI图像AI反应堆AI工具箱AI绘画GOAI艺术字堆友相机
码上飞

码上飞

零代码AI应用开发平台

零代码AI应用开发平台，用户只需一句话简单描述需求，AI能自动生成小程序、APP或H5网页应用，无需编写代码。

Vora

Vora

免费创建高清无水印Sora视频

Vora是一个免费创建高清无水印Sora视频的AI工具

下拉加载更多