Next.js (Type LLM)

一个基于Next.js框架的TypeScript LLM应用开发工具包。

安装使用

复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：

帮我安装这个 AI Skill：Next.js (Type LLM)。
它的用途是：一个基于Next.js框架的TypeScript LLM应用开发工具包。
详细介绍见：https://321skill.com/skills/next-js-type-llm/
请根据该页面的说明完成安装。

‘帮我在Next.js项目里集成OpenAI的聊天功能，并展示对话历史。’，它会引导你使用该Skill的模板，快速生成一个带有聊天界面、消息历史和API路由的完整Next.js应用。或者，你可以直接运行安装命令，获得一个立即可运行和修改的AI应用基础项目。

该Skill旨在简化基于Next.js和大型语言模型（LLM）的AI应用开发流程，解决开发者从零搭建项目时面临的框架集成、类型安全和部署配置等繁琐问题。

它通过提供预配置的Next.js项目模板、类型化的LLM API调用封装以及开箱即用的UI组件，让开发者能快速启动项目，专注于核心业务逻辑的开发，而无需在基础架构上耗费过多时间。

适合有一定React/Next.js基础，希望快速构建具备AI对话、内容生成等功能的Web应用的前端或全栈开发者。

使用建议：建议在开始新项目时直接使用此模板，并根据具体需求（如更换LLM服务商、调整UI主题）进行二次开发。注意，它主要提供的是开发框架和基础能力，复杂的业务逻辑和模型微调仍需开发者自行实现。

与通用Next.js模板相比，它深度集成了对主流LLM API（如OpenAI、Anthropic）的类型安全调用支持；与零散的LLM代码片段相比，它提供了一个完整、可立即部署的生产级应用骨架。

不适合需要高度定制化底层框架或仅需简单调用API而无前端界面需求的场景。

这个Skill支持哪些LLM提供商？

默认支持OpenAI和Anthropic的API，并提供了易于扩展的接口以接入其他服务。

我需要懂多少Next.js才能使用它？

需要具备基础的Next.js（App Router）和React知识，该Skill主要提供项目起点和工具封装，不代替框架本身的学习。