[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-horizon-ui--shadcn-nextjs-boilerplate":3,"tool-horizon-ui--shadcn-nextjs-boilerplate":61},[4,18,26,36,44,53],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":17},4358,"openclaw","openclaw\u002Fopenclaw","OpenClaw 是一款专为个人打造的本地化 AI 助手，旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚，能够直接接入你日常使用的各类通讯渠道，包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息，OpenClaw 都能即时响应，甚至支持在 macOS、iOS 和 Android 设备上进行语音交互，并提供实时的画布渲染功能供你操控。\n\n这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地，用户无需依赖云端服务即可享受快速、私密的智能辅助，真正实现了“你的数据，你做主”。其独特的技术亮点在于强大的网关架构，将控制平面与核心助手分离，确保跨平台通信的流畅性与扩展性。\n\nOpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者，以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力（支持 macOS、Linux 及 Windows WSL2），即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你",349277,3,"2026-04-06T06:32:30",[13,14,15,16],"Agent","开发框架","图像","数据工具","ready",{"id":19,"name":20,"github_repo":21,"description_zh":22,"stars":23,"difficulty_score":10,"last_commit_at":24,"category_tags":25,"status":17},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,"2026-04-05T11:01:52",[14,15,13],{"id":27,"name":28,"github_repo":29,"description_zh":30,"stars":31,"difficulty_score":32,"last_commit_at":33,"category_tags":34,"status":17},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",141543,2,"2026-04-06T11:32:54",[14,13,35],"语言模型",{"id":37,"name":38,"github_repo":39,"description_zh":40,"stars":41,"difficulty_score":32,"last_commit_at":42,"category_tags":43,"status":17},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",107888,"2026-04-06T11:32:50",[14,15,13],{"id":45,"name":46,"github_repo":47,"description_zh":48,"stars":49,"difficulty_score":32,"last_commit_at":50,"category_tags":51,"status":17},4721,"markitdown","microsoft\u002Fmarkitdown","MarkItDown 是一款由微软 AutoGen 团队打造的轻量级 Python 工具，专为将各类文件高效转换为 Markdown 格式而设计。它支持 PDF、Word、Excel、PPT、图片（含 OCR）、音频（含语音转录）、HTML 乃至 YouTube 链接等多种格式的解析，能够精准提取文档中的标题、列表、表格和链接等关键结构信息。\n\n在人工智能应用日益普及的今天，大语言模型（LLM）虽擅长处理文本，却难以直接读取复杂的二进制办公文档。MarkItDown 恰好解决了这一痛点，它将非结构化或半结构化的文件转化为模型“原生理解”且 Token 效率极高的 Markdown 格式，成为连接本地文件与 AI 分析 pipeline 的理想桥梁。此外，它还提供了 MCP（模型上下文协议）服务器，可无缝集成到 Claude Desktop 等 LLM 应用中。\n\n这款工具特别适合开发者、数据科学家及 AI 研究人员使用，尤其是那些需要构建文档检索增强生成（RAG）系统、进行批量文本分析或希望让 AI 助手直接“阅读”本地文件的用户。虽然生成的内容也具备一定可读性，但其核心优势在于为机器",93400,"2026-04-06T19:52:38",[52,14],"插件",{"id":54,"name":55,"github_repo":56,"description_zh":57,"stars":58,"difficulty_score":10,"last_commit_at":59,"category_tags":60,"status":17},4487,"LLMs-from-scratch","rasbt\u002FLLMs-from-scratch","LLMs-from-scratch 是一个基于 PyTorch 的开源教育项目，旨在引导用户从零开始一步步构建一个类似 ChatGPT 的大型语言模型（LLM）。它不仅是同名技术著作的官方代码库，更提供了一套完整的实践方案，涵盖模型开发、预训练及微调的全过程。\n\n该项目主要解决了大模型领域“黑盒化”的学习痛点。许多开发者虽能调用现成模型，却难以深入理解其内部架构与训练机制。通过亲手编写每一行核心代码，用户能够透彻掌握 Transformer 架构、注意力机制等关键原理，从而真正理解大模型是如何“思考”的。此外，项目还包含了加载大型预训练权重进行微调的代码，帮助用户将理论知识延伸至实际应用。\n\nLLMs-from-scratch 特别适合希望深入底层原理的 AI 开发者、研究人员以及计算机专业的学生。对于不满足于仅使用 API，而是渴望探究模型构建细节的技术人员而言，这是极佳的学习资源。其独特的技术亮点在于“循序渐进”的教学设计：将复杂的系统工程拆解为清晰的步骤，配合详细的图表与示例，让构建一个虽小但功能完备的大模型变得触手可及。无论你是想夯实理论基础，还是为未来研发更大规模的模型做准备",90106,"2026-04-06T11:19:32",[35,15,13,14],{"id":62,"github_repo":63,"name":64,"description_en":65,"description_zh":66,"ai_summary_zh":66,"readme_en":67,"readme_zh":68,"quickstart_zh":69,"use_case_zh":70,"hero_image_url":71,"owner_login":72,"owner_name":73,"owner_avatar_url":74,"owner_bio":75,"owner_company":76,"owner_location":76,"owner_email":77,"owner_twitter":78,"owner_website":79,"owner_url":80,"languages":81,"stars":98,"forks":99,"last_commit_at":100,"license":101,"difficulty_score":32,"env_os":102,"env_gpu":102,"env_ram":102,"env_deps":103,"category_tags":110,"github_topics":111,"view_count":32,"oss_zip_url":76,"oss_zip_packed_at":76,"status":17,"created_at":131,"updated_at":132,"faqs":133,"releases":149},4576,"horizon-ui\u002Fshadcn-nextjs-boilerplate","shadcn-nextjs-boilerplate","Shadcn UI NextJS Boilerplate ⚡️ Free Open-source ChatGPT UI Admin Dashboard Template - Horizon AI Boilerplate","shadcn-nextjs-boilerplate 是一款专为快速构建 AI SaaS 应用而设计的开源后台管理模板。它基于 Next.js、Tailwind CSS 和 Shadcn UI 打造，旨在帮助开发者在几天内轻松启动项目，无需从零开始搭建基础架构。\n\n该工具主要解决了开发 ChatGPT 类应用时前端重复劳动多、启动周期长的问题。它预置了超过 30 个精美的深色\u002F浅色模式前端组件（如按钮、导航栏、卡片及聊天界面元素），并提供了完整的示例页面，让开发者能直接复用成熟的结构，专注于核心业务逻辑而非界面打磨。\n\n这款模板非常适合全栈开发者、初创团队技术负责人以及希望快速验证产品原型的工程师使用。其独特亮点在于深度集成了 Shadcn UI 的现代化设计体系，不仅代码结构清晰、易于定制，还配套了详细的文档和 Figma 设计文件，实现了从设计到代码的无缝衔接。无论是构建 OpenAI 聊天机器人还是其他 AI 驱动的管理后台，shadcn-nextjs-boilerplate 都能提供高效、美观且免费的起步方案。"," \n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fhorizon-ui.com\u002Fboilerplate-shadcn\" target=\"_blank\">\n    \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fhorizon-ui_shadcn-nextjs-boilerplate_readme_23315451e944.png\" alt=\"Horizon AI Boilerplate Admin Dashboard NextJS Shadcn UI\" width=\"300px\" max-width=\"400px\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n    \u003Ca style=\"color: #09090B; text-decoration: underline;\" target=\"_blank\" href=\"https:\u002F\u002Fhorizon-ui.com\u002Fboilerplate-shadcn\">Website\u003C\u002Fa> •\n    \u003Ca style=\"color: #09090B; text-decoration: underline;\" target=\"_blank\" href=\"https:\u002F\u002Fhorizon-ui.com\u002Fdocs-boilerplate\u002Fshadcn-components\u002Fauth-UI\">Documentation\u003C\u002Fa> •\n    \u003Ca style=\"color: #09090B; text-decoration: underline;\" target=\"_blank\" href=\"https:\u002F\u002Fhorizon-ui.com\u002Fboilerplate-shadcn\">PRO Version\u003C\u002Fa> •\n    \u003Ca style=\"color: #09090B; text-decoration: underline;\" target=\"_blank\" href=\"https:\u002F\u002Fgithub.com\u002Fhorizon-ui\u002Fshadcn-nextjs-boilerplate\">Free Template\u003C\u002Fa> •\n    \u003Ca style=\"color: #09090B; text-decoration: underline;\" target=\"_blank\" href=\"https:\u002F\u002Ftwitter.com\u002Fhorizon_ui\">Twitter\u003C\u002Fa>\n\u003Cp align=\"center\" style=\"max-width: 500px; margin: auto;\">\n  Launch your SaaS startup within a few days with the first Admin Dashboard Shadcn UI NextJS boilerplate. Get started with Horizon AI Boilerplate today!\n\n\u003C\u002Fp>\n\n \n\n\u003Cp align=\"center\" style=\"width: 100%;\">\n\u003Ca style=\"display:flex; justify-content: center; width: 100%;\" href=\"https:\u002F\u002Fhorizon-ui.com\u002Fboilerplate-shadcn\" target=\"_blank\">\u003Cimg style=\"border-radius: 10px; width: 100%;\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fhorizon-ui_shadcn-nextjs-boilerplate_readme_a393cf8266cd.png\" alt=\"Horizon AI Boilerplate NextJS Shadcn UI\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\n \n\n### Introduction\n\nHorizon AI Boilerplate is the first open-source Admin Dashboard OpenAI ChatGPT AI Template made for Shadcn UI, NextJS, and Tailwind CSS! Start creating outstanding Chat AI SaaS Apps faster.\n\nIt comes with over 30+ dark\u002Flight frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.\n\n### Documentation\n\nEach element is well presented in a very complex documentation. You can read more about the \u003Ca href=\"https:\u002F\u002Fhorizon-ui.com\u002Fdocs-boilerplate\u002Fshadcn-components\u002Fchat\" target=\"_blank\">documentation here.\u003C\u002Fa>\n\n### Quick Start\n\nInstall Horizon ChatGPT AI Template by running either of the following:\n\n- Install NodeJS LTS from [NodeJs Official Page](https:\u002F\u002Fnodejs.org\u002Fen\u002F?ref=horizon-documentation) (NOTE: Product only works with LTS version)\n\n\u003Cbr \u002F>\n\nClone the repository with the following command:\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fhorizon-ui\u002Fshadcn-nextjs-boilerplate.git\n```\n\nRun in the terminal this command:\n\n```\nnpm install\n```\n\n\u003Cbr \u002F>\n\n```\nnpm run init\n```\n\n\u003Cbr \u002F>\n\nThen run this command to start your local server:\n\n```\nnpm run dev\n```\n \n\n### Your API Key is not working?\n\n- Make sure you have an [OpenAI account](https:\u002F\u002Fplatform.openai.com\u002Faccount) and a valid API key to use ChatGPT. We don't sell API keys.\n- Make sure you have your billing info added in [OpenAI Billing page](https:\u002F\u002Fplatform.openai.com\u002Faccount\u002Fbilling\u002Foverview). Without billing info, your API key will not work.\n- The app will connect to the OpenAI API server to check if your API Key is working properly. \n\n\n### Figma Version\n\nHorizon AI Boilerplate is available in Figma format as well! [Check it out here](https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F1374394029061088369)! 🎨\n\n\n### Example Sections\n\nIf you want to get inspiration for your startup project or just show something directly to your clients, you can jump-start your development with our pre-built example sections. You will be able to quickly set up the basic structure for your web project.\n\n View \u003Ca href=\"https:\u002F\u002Fhorizon-ui.com\u002Fboilerplate-shadcn#pages\" target=\"_blank\">example sections here\u003C\u002Fa>\n\n ---\n\n\n# PRO Version\n\nUnlock a huge amount of components and pages with our PRO version - \u003Ca href=\"https:\u002F\u002Fhorizon-ui.com\u002Fboilerplate-shadcn#pricing\" target=\"_blank\">Learn more\u003C\u002Fa>\n\n\u003Cp align=\"center\" style=\"width: 100%;\">\n\u003Ca style=\"display:flex; justify-content: center; width: 100%;\" href=\"https:\u002F\u002Fhorizon-ui.com\u002Fboilerplate-shadcn#pricing\" target=\"_blank\">\u003Cimg style=\"border-radius: 10px; width: 100%;\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fhorizon-ui_shadcn-nextjs-boilerplate_readme_ddb9200d5e61.png\" alt=\"Horizon AI Boilerplate NextJS Shadcn UI\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\n---\n\n# Reporting Issues\n\nWe use GitHub Issues as the official bug tracker for the Horizon UI. Here are\nsome advice for our users who want to report an issue:\n\n1. Make sure that you are using the latest version of the Horizon UI Boilerplate. Check the CHANGELOG for your dashboard on our [CHANGE LOG File](https:\u002F\u002Fgithub.com\u002Fhorizon-ui\u002Fshadcn-nextjs-boilerplate\u002Fblob\u002Fmain\u002FCHANGELOG.md).\n\u003Cbr \u002F>\n\n1. Providing us with reproducible steps for the issue will shorten the time it takes for it to be fixed.\n\u003Cbr \u002F>\n\n\n3. Some issues may be browser-specific, so specifying in what browser you encountered the issue might help.\n\n---\n\n# Community\n\nConnect with the community! Feel free to ask questions, report issues, and meet new people who already use Horizon UI!\n\n💬 [Join the #HorizonUI Discord Community!](https:\u002F\u002Fdiscord.gg\u002Ff6tEKFBd4m)\n\n\n### Copyright and license\n\n⭐️ [Copyright 2024 Horizon UI](https:\u002F\u002Fwww.horizon-ui.com\u002F?ref=readme-horizon)\n\n📄 [Horizon UI License](https:\u002F\u002Fhorizon-ui.notion.site\u002FEnd-User-License-Agreement-8fb09441ea8c4c08b60c37996195a6d5)\n\n\n---\n\n# Credits\n\nSpecial thanks to the open-source resources that helped us create this awesome boilerplate package, including:\n\n- [Shadcn UI Library](https:\u002F\u002Fui.shadcn.com\u002F)\n- [NextJS Subscription Payments](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fnextjs-subscription-payments)\n- [ChatBot UI by mckaywrigley](https:\u002F\u002Fgithub.com\u002Fmckaywrigley\u002Fchatbot-ui)\n"," \n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fhorizon-ui.com\u002Fboilerplate-shadcn\" target=\"_blank\">\n    \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fhorizon-ui_shadcn-nextjs-boilerplate_readme_23315451e944.png\" alt=\"Horizon AI Boilerplate Admin Dashboard NextJS Shadcn UI\" width=\"300px\" max-width=\"400px\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n    \u003Ca style=\"color: #09090B; text-decoration: underline;\" target=\"_blank\" href=\"https:\u002F\u002Fhorizon-ui.com\u002Fboilerplate-shadcn\">官网\u003C\u002Fa> •\n    \u003Ca style=\"color: #09090B; text-decoration: underline;\" target=\"_blank\" href=\"https:\u002F\u002Fhorizon-ui.com\u002Fdocs-boilerplate\u002Fshadcn-components\u002Fauth-UI\">文档\u003C\u002Fa> •\n    \u003Ca style=\"color: #09090B; text-decoration: underline;\" target=\"_blank\" href=\"https:\u002F\u002Fhorizon-ui.com\u002Fboilerplate-shadcn\">PRO版\u003C\u002Fa> •\n    \u003Ca style=\"color: #09090B; text-decoration: underline;\" target=\"_blank\" href=\"https:\u002F\u002Fgithub.com\u002Fhorizon-ui\u002Fshadcn-nextjs-boilerplate\">免费模板\u003C\u002Fa> •\n    \u003Ca style=\"color: #09090B; text-decoration: underline;\" target=\"_blank\" href=\"https:\u002F\u002Ftwitter.com\u002Fhorizon_ui\">Twitter\u003C\u002Fa>\n\u003Cp align=\"center\" style=\"max-width: 500px; margin: auto;\">\n  使用首个基于Shadcn UI和NextJS的Admin Dashboard样板，您可以在几天内启动自己的SaaS初创项目。立即开始使用Horizon AI样板吧！\n\n\u003C\u002Fp>\n\n \n\n\u003Cp align=\"center\" style=\"width: 100%;\">\n\u003Ca style=\"display:flex; justify-content: center; width: 100%;\" href=\"https:\u002F\u002Fhorizon-ui.com\u002Fboilerplate-shadcn\" target=\"_blank\">\u003Cimg style=\"border-radius: 10px; width: 100%;\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fhorizon-ui_shadcn-nextjs-boilerplate_readme_a393cf8266cd.png\" alt=\"Horizon AI Boilerplate NextJS Shadcn UI\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\n \n\n### 简介\n\nHorizon AI样板是首个专为Shadcn UI、NextJS和Tailwind CSS打造的开源Admin Dashboard OpenAI ChatGPT AI模板！让您更快地创建出色的Chat AI SaaS应用。\n\n它包含30多种深色\u002F浅色前端组件，如按钮、输入框、导航栏、导航标签、卡片和提示框等，让您可以自由选择和组合。\n\n### 文档\n\n每个组件都在详尽复杂的文档中得到了清晰展示。您可以点击\u003Ca href=\"https:\u002F\u002Fhorizon-ui.com\u002Fdocs-boilerplate\u002Fshadcn-components\u002Fchat\" target=\"_blank\">这里\u003C\u002Fa>了解更多文档信息。\n\n### 快速开始\n\n安装Horizon ChatGPT AI模板，只需运行以下命令之一：\n\n- 从[NodeJs官方页面](https:\u002F\u002Fnodejs.org\u002Fen\u002F?ref=horizon-documentation)安装NodeJS LTS版本（注意：本产品仅支持LTS版本）\n\n\u003Cbr \u002F>\n\n使用以下命令克隆仓库：\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fhorizon-ui\u002Fshadcn-nextjs-boilerplate.git\n```\n\n然后在终端运行：\n\n```\nnpm install\n```\n\n\u003Cbr \u002F>\n\n```\nnpm run init\n```\n\n\u003Cbr \u002F>\n\n最后运行以下命令启动本地服务器：\n\n```\nnpm run dev\n```\n \n\n### 您的API密钥无法使用吗？\n\n- 请确保您已注册[OpenAI账户](https:\u002F\u002Fplatform.openai.com\u002Faccount)，并拥有有效的ChatGPT API密钥。我们不销售API密钥。\n- 请务必在[OpenAI账单页面](https:\u002F\u002Fplatform.openai.com\u002Faccount\u002Fbilling\u002Foverview)中添加您的支付信息。如果没有支付信息，您的API密钥将无法使用。\n- 应用程序会连接到OpenAI API服务器，以验证您的API密钥是否正常工作。\n\n\n### Figma版本\n\nHorizon AI样板也提供Figma格式！[点此查看](https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F1374394029061088369)! 🎨\n\n\n### 示例模块\n\n如果您希望为自己的创业项目寻找灵感，或直接向客户展示成果，可以使用我们预先构建的示例模块快速启动开发。这些模块可以帮助您迅速搭建起网站的基本框架。\n\n查看\u003Ca href=\"https:\u002F\u002Fhorizon-ui.com\u002Fboilerplate-shadcn#pages\" target=\"_blank\">此处的示例模块\u003C\u002Fa>\n\n---\n\n\n# PRO版\n\n解锁海量组件和页面，请访问我们的PRO版——\u003Ca href=\"https:\u002F\u002Fhorizon-ui.com\u002Fboilerplate-shadcn#pricing\" target=\"_blank\">了解详情\u003C\u002Fa>\n\n\u003Cp align=\"center\" style=\"width: 100%;\">\n\u003Ca style=\"display:flex; justify-content: center; width: 100%;\" href=\"https:\u002F\u002Fhorizon-ui.com\u002Fboilerplate-shadcn#pricing\" target=\"_blank\">\u003Cimg style=\"border-radius: 10px; width: 100%;\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fhorizon-ui_shadcn-nextjs-boilerplate_readme_ddb9200d5e61.png\" alt=\"Horizon AI Boilerplate NextJS Shadcn UI\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\n---\n\n# 报告问题\n\n我们使用GitHub Issues作为Horizon UI的官方漏洞追踪工具。对于想要报告问题的用户，我们有以下建议：\n\n1. 请确保您使用的是最新版本的Horizon UI样板。请在我们的[CHANGELOG文件](https:\u002F\u002Fgithub.com\u002Fhorizon-ui\u002Fshadcn-nextjs-boilerplate\u002Fblob\u002Fmain\u002FCHANGELOG.md)中查看您的仪表板更新记录。\n\u003Cbr \u002F>\n\n1. 提供可复现的问题步骤将有助于缩短修复时间。\n\u003Cbr \u002F>\n\n\n3. 部分问题可能与浏览器有关，因此说明您是在哪个浏览器中遇到问题可能会有所帮助。\n\n---\n\n# 社区\n\n加入社区吧！欢迎随时提问、报告问题，并结识已经使用Horizon UI的其他开发者！\n\n💬 [加入#HorizonUI Discord社区！](https:\u002F\u002Fdiscord.gg\u002Ff6tEKFBd4m)\n\n\n### 版权与许可\n\n⭐️ [版权所有 2024 Horizon UI](https:\u002F\u002Fwww.horizon-ui.com\u002F?ref=readme-horizon)\n\n📄 [Horizon UI许可证](https:\u002F\u002Fhorizon-ui.notion.site\u002FEnd-User-License-Agreement-8fb09441ea8c4c08b60c37996195a6d5)\n\n\n---\n\n# 致谢\n\n特别感谢那些帮助我们打造这款优秀样板包的开源资源，包括：\n\n- [Shadcn UI库](https:\u002F\u002Fui.shadcn.com\u002F)\n- [NextJS订阅支付](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fnextjs-subscription-payments)\n- [mckaywrigley的ChatBot UI](https:\u002F\u002Fgithub.com\u002Fmckaywrigley\u002Fchatbot-ui)","# shadcn-nextjs-boilerplate 快速上手指南\n\nHorizon AI Boilerplate 是一款基于 **NextJS**、**Shadcn UI** 和 **Tailwind CSS** 构建的开源管理后台模板，专为快速启动 Chat AI SaaS 应用而设计。它内置了 30+ 个深色\u002F浅色前端组件（如按钮、输入框、导航栏、卡片等），并集成了 OpenAI ChatGPT 功能。\n\n## 环境准备\n\n在开始之前，请确保您的开发环境满足以下要求：\n\n- **Node.js**: 必须安装 **LTS (长期支持版)**。非 LTS 版本可能导致兼容性问题。\n  - 下载地址：[Node.js 官网](https:\u002F\u002Fnodejs.org\u002F)\n  - *国内用户建议*：可使用 [cnpm](https:\u002F\u002Fnpmmirror.com\u002F) 或配置淘宝镜像源以加速依赖下载。\n- **Git**: 用于克隆项目代码。\n- **OpenAI API Key**: 若要使用 Chat 功能，需拥有有效的 OpenAI 账户及 API Key，并确保已绑定支付方式。\n\n## 安装步骤\n\n请在终端中依次执行以下命令来初始化项目：\n\n1. **克隆仓库**\n   ```bash\n   git clone https:\u002F\u002Fgithub.com\u002Fhorizon-ui\u002Fshadcn-nextjs-boilerplate.git\n   ```\n\n2. **进入项目目录**\n   ```bash\n   cd shadcn-nextjs-boilerplate\n   ```\n\n3. **安装依赖**\n   ```bash\n   npm install\n   ```\n   *(注：若在国内网络环境下安装缓慢，可尝试 `npm install --registry=https:\u002F\u002Fregistry.npmmirror.com`)*\n\n4. **初始化项目配置**\n   ```bash\n   npm run init\n   ```\n\n## 基本使用\n\n完成安装和初始化后，即可启动本地开发服务器：\n\n1. **启动开发服务**\n   ```bash\n   npm run dev\n   ```\n\n2. **访问应用**\n   打开浏览器访问 `http:\u002F\u002Flocalhost:3000`（默认端口，具体请以终端输出为准）即可查看效果。\n\n3. **配置 API Key**\n   若需使用 Chat 功能，请在项目配置文件中填入您的 OpenAI API Key。系统会自动连接 OpenAI 服务器验证密钥的有效性。\n\n现在您可以基于此模板开始构建您的 AI SaaS 应用了！","一位全栈开发者计划在三天内上线一款面向中小企业的 AI 客服 SaaS 产品，需要快速构建包含聊天界面、用户认证和数据看板的管理后台。\n\n### 没有 shadcn-nextjs-boilerplate 时\n- **重复造轮子耗时久**：开发者需从零配置 NextJS 路由、Tailwind CSS 主题及 Shadcn UI 组件库，仅环境搭建就消耗了整整两天。\n- **核心功能开发受阻**：缺乏现成的 ChatGPT 对话 UI 和 OpenAI API 对接模板，必须手动编写复杂的消息流处理和状态管理逻辑。\n- **界面风格不统一**：自行设计的深色\u002F浅色模式切换及响应式布局容易出现样式冲突，导致后台管理界面在不同设备上体验割裂。\n- **文档与示例缺失**：遇到鉴权（Auth）或数据可视化难题时，找不到针对该技术栈的完整参考代码，排查问题效率极低。\n\n### 使用 shadcn-nextjs-boilerplate 后\n- **一键启动项目**：通过 `git clone` 和 `npm run init` 即可直接获得集成了 NextJS、Shadcn UI 和 Tailwind CSS 的完整工程，立省 80% 初始化时间。\n- **内置 AI 业务逻辑**：直接复用预制的 ChatGPT 聊天组件和 API 连接代码，只需填入 Key 即可运行流畅的对话功能，专注业务差异化。\n- **专业级 UI 体验**：直接使用超过 30 个精心设计的暗黑\u002F明亮模式组件（如导航栏、卡片、表单），确保管理后台视觉统一且美观。\n- **详尽文档指引**：参照官方提供的复杂场景文档和 Figma 设计稿，快速解决鉴权配置和页面布局问题，开发流程顺畅无阻。\n\nshadcn-nextjs-boilerplate 将原本数周的后台搭建工作压缩至几小时，让开发者能真正专注于核心 AI 业务逻辑的创新与落地。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fhorizon-ui_shadcn-nextjs-boilerplate_a393cf82.png","horizon-ui","Horizon UI","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fhorizon-ui_33ccf05d.png","Start building your dashboard with Horizon UI, the open-source admin dashboard template for Chakra UI, React, NextJS, Tailwind CSS, Shadcn UI and Figma!",null,"hello@simmmple.com","horizon_ui","https:\u002F\u002Fhorizon-ui.com","https:\u002F\u002Fgithub.com\u002Fhorizon-ui",[82,86,90,94],{"name":83,"color":84,"percentage":85},"TypeScript","#3178c6",54.4,{"name":87,"color":88,"percentage":89},"CSS","#663399",43.3,{"name":91,"color":92,"percentage":93},"PLpgSQL","#336790",2.1,{"name":95,"color":96,"percentage":97},"JavaScript","#f1e05a",0.2,630,231,"2026-04-06T01:51:06","MIT","未说明",{"notes":104,"python":102,"dependencies":105},"该项目是一个基于 NextJS 和 Shadcn UI 的前端模板，并非本地运行的 AI 模型，因此不需要 GPU、特定 Python 版本或大量内存。核心要求是安装 NodeJS 的 LTS（长期支持）版本。项目需要配置有效的 OpenAI API Key 才能使用聊天功能，且该 Key 必须绑定有效的账单信息。",[106,107,108,109],"NodeJS (LTS 版本)","NextJS","Shadcn UI","Tailwind CSS",[35,14],[112,113,114,115,116,117,118,119,120,121,122,123,124,64,125,126,127,128,129,130],"free-nextjs-template","nextjs-boilerplate","nextjs-boilerplate-2024","open-source","shadcn","shadcn-template","shadcn-ui","shadcn-ui-starter","shadcn-ui-template","shadcnui","free-boilerplate","free-nextjs-boilerplate","free-shadcn-ui","shadcnui-boilerplate","admin-dashboard","admin-template","dashboard","shadcn-nextjs-dashboard","shadcn-boilerplate","2026-03-27T02:49:30.150509","2026-04-07T04:12:53.026923",[134,139,144],{"id":135,"question_zh":136,"answer_zh":137,"source_url":138},20820,"免费模板无法运行，且缺少 \u002Fcomponents\u002Fui 目录中的组件（如 button 和 input）怎么办？","请在终端中运行以下命令来安装缺失的组件：`npm install && npx shadcn@latest add --all`。执行完成后，使用 `npm run dev` 即可正常启动项目。","https:\u002F\u002Fgithub.com\u002Fhorizon-ui\u002Fshadcn-nextjs-boilerplate\u002Fissues\u002F3",{"id":140,"question_zh":141,"answer_zh":142,"source_url":143},20821,"项目中发现了硬编码的 OpenAI API Key，是否安全？","该密钥已失效，不再具有活性。维护者已将其替换为环境变量 `process.env.NEXT_PUBLIC_OPENAI_API_KEY`，这是正确的配置方式。建议用户在使用时自行配置自己的环境变量。","https:\u002F\u002Fgithub.com\u002Fhorizon-ui\u002Fshadcn-nextjs-boilerplate\u002Fissues\u002F2",{"id":145,"question_zh":146,"answer_zh":147,"source_url":148},20822,"克隆并运行项目后，访问 \u002Fsign-in 路由出现 404 错误如何解决？","该问题已被维护者修复。请确保拉取最新的代码版本，重新安装依赖并重启开发服务器即可解决。","https:\u002F\u002Fgithub.com\u002Fhorizon-ui\u002Fshadcn-nextjs-boilerplate\u002Fissues\u002F1",[150,155,160,165,170],{"id":151,"version":152,"summary_zh":153,"released_at":154},126826,"v3.0.0","## [3.0.0] 2025年1月27日\n\n### 升级到 React 19 ⚡️\n\n### 升级到 Next.js 15 ⚡️","2025-01-28T08:48:53",{"id":156,"version":157,"summary_zh":158,"released_at":159},126827,"v2.1.0","## [2.1.0] 2024-09-05\n\n### 新增个人资料设置页面。⚡️\n- 新增了一个个人资料设置页面。","2024-09-06T13:53:39",{"id":161,"version":162,"summary_zh":163,"released_at":164},126828,"v2.0.0","## [2.0.0] 2024-08-26\n\n### 重大更新：Supabase 服务器端渲染、重构及自定义认证组件\n\n- #### Supabase 服务器端渲染\n- `utils` 文件夹经过重构，现根据功能用途将各函数拆分至独立的子文件夹中。\n- 新增与认证相关的工具函数。\n- 由于引入了 Supabase 服务器端渲染，移除了诸如 `getSessions` 等相关函数。\n- 整个项目中，`session` 对象已被替换为 `user`。\n\n- #### 布局重构\n- 随着功能不断增多，出现了 props 层层传递的问题，现已通过使用 Context 解决。\n\n- #### 认证页面分离\n- 认证页面采用 Next.js 的动态页面模式，分别为重置密码、注册、密码登录等页面单独设置。\n- 各类认证表单均位于 `@\u002Fcomponents\u002Fauth-ui` 中。\n\n- #### 增加 Docker 支持\n- 现在可以通过 Supabase CLI 使用 Docker 在本地进行开发。","2024-08-26T15:01:45",{"id":166,"version":167,"summary_zh":168,"released_at":169},126829,"v1.1.0","## [1.1.0] 2024-07-18\n\n### 新增主仪表盘页面\n\n- 新增主仪表盘页面","2024-07-18T12:46:13",{"id":171,"version":172,"summary_zh":173,"released_at":174},126830,"v1.0.0","## [1.0.0] 2024-05-20\n\n### 初始发布\n\n- 添加 Shadcn UI 作为基础框架","2024-05-20T14:34:31"]