[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-72700":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":16,"starSnapshotCount":16,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},72700,"smart-excalidraw-next","liujuntao123\u002Fsmart-excalidraw-next","liujuntao123","A smart, powerful, and beautiful excalidraw drawing tool.Draw Professional Charts with Natural Language","https:\u002F\u002Fai-draw-nexus.aizhi.site",null,"JavaScript",3403,416,17,19,0,8,26,105,24,29.86,false,"main",true,[26,27,28],"ai","chart","excalidraw","2026-06-12 02:03:06","# Smart Excalidraw\n> **用自然语言，绘制专业图表**\n\n\n🚀🚀🚀全面升级的新版本，更强大好用的绘图平台\n\nhttps:\u002F\u002Fai-draw-nexus.aizhi.site\n\n🚀🚀🚀新版本github地址：\n\nhttps:\u002F\u002Fgithub.com\u002Fliujuntao123\u002Fai-draw-nexus\n\n\n一图介绍\n![generated-image-1766739999192](https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F6438a45f-1eba-4b63-a4fa-50cd45b718fc)\n\n\n![generated-image-1766740104116](https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Ff94e0702-6442-40f7-8b4a-ff4aabe68d5b)\n\n\n## English Version\nRead the English version: [README_EN.md](README_EN.md)\n\n## 效果预览\n操作界面\n\u003Cimg width=\"2330\" height=\"1255\" alt=\"PixPin_2025-10-31_17-14-27\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F5319ad5c-c507-42e0-b67a-e9dfb2d7ecfa\" \u002F>\n技术架构图\n\u003Cimg width=\"1920\" height=\"1134\" alt=\"Untitled-2025-11-03-1105\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fd2e01c4e-d300-4c20-bd98-d056e4f02102\" \u002F>\n信息图\n\u003Cimg width=\"2183\" height=\"828\" alt=\"Untitled-2025-11-03-1054\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F0e46e8da-fe64-40a9-911b-f6c0e5589bae\" \u002F>\n\n\n\n## ✨ 核心特性\n\n### 🎯 AI 驱动，效果出众\n通过先进的大语言模型理解你的需求，生成结构清晰、布局合理的专业级图表。\n\n### 🔗 独创连接算法\n采用独创的智能箭头优化算法，自动计算最佳连接点，确保图表井然有序、逻辑清晰，告别混乱的线条交叉。\n\n### 📊 丰富图表类型\n支持 20+ 种图表类型，包括流程图、架构图、时序图、ER 图、思维导图等。也可以让AI根据你的描述自动选择最合适的图表类型。\n\n### 🎨 完美 Excalidraw 集成\n生成的图表完全基于 Excalidraw 格式，可以在画布上自由编辑、调整样式、添加细节，实现 AI 生成与手动精修的完美结合。\n\n### ⚡ 开箱即用\n只需配置一个 AI API 密钥即可开始使用，无需复杂的环境搭建。所有配置保存在本地浏览器，隐私安全有保障。\n\n\n\n## 🚀 快速开始\n\n### 方式一：使用访问密码\n\n如果服务器管理员已配置访问密码，你可以直接使用服务器端的 LLM 配置，无需自己提供 API Key：\n\n1. 点击右上角的 **\"访问密码\"** 按钮\n2. 输入管理员提供的访问密码\n3. 点击 **\"验证密码\"** 测试连接\n4. 勾选 **\"启用访问密码\"** 并保存\n\n启用后，应用将优先使用服务器端配置，你无需配置自己的 API Key 即可开始创作！\n\n### 方式二：配置自己的 AI\n\n1. 点击右上角的 **\"配置 LLM\"** 按钮\n2. 选择提供商类型（OpenAI 或 Anthropic）\n3. 填入你的 API Key\n4. 选择模型（**推荐使用 claude-sonnet-4.5**，效果最佳）\n5. 保存配置\n\n就这么简单！现在你可以开始创作了。\n\n### 第二步：创建图表\n\n在输入框中用自然语言描述你的需求，例如：\n- \"画一个用户登录的流程图\"\n- \"创建一个微服务架构图，包含网关、认证服务和业务服务\"\n- \"设计一个电商系统的数据库 ER 图\"\n\nAI 会自动生成图表，你可以在画布上直接编辑和调整。\n\n## 💻 本地部署\n\n如果你想在本地运行项目：\n\n```bash\n# 克隆项目\ngit clone \u003Cyour-repo-url>\ncd smart-excalidraw-next\n\n# 安装依赖\npnpm install\n\n# 启动开发服务器\npnpm dev\n```\n\n访问 http:\u002F\u002Flocalhost:3000 即可使用。\n\n### 配置服务器端 LLM（可选）\n\n如果你想为用户提供统一的 LLM 配置，避免他们自己申请 API Key，可以配置服务器端访问密码功能：\n\n1. 复制环境变量示例文件：\n```bash\ncp .env.example \n```\n\n2. 在 `.env` 中配置以下变量：\n```bash\n# 访问密码（用户需要输入此密码才能使用服务器端 LLM）\nACCESS_PASSWORD=your-secure-password\n\n# LLM 提供商类型（openai 或 anthropic）\nSERVER_LLM_TYPE=anthropic\n\n# API 基础 URL\nSERVER_LLM_BASE_URL=https:\u002F\u002Fapi.anthropic.com\u002Fv1\n\n# API 密钥\nSERVER_LLM_API_KEY=sk-ant-your-key-here\n\n# 模型名称\nSERVER_LLM_MODEL=claude-sonnet-4-5-20250929\n```\n\n3. 重启开发服务器，用户即可通过访问密码使用服务器端配置的 LLM。\n\n**优势：**\n- 用户无需自己申请和配置 API Key\n- 统一管理 API 使用和成本\n- 适合团队或组织内部使用\n- 提供免费体验给用户\n\n## ❓ 常见问题\n\n**Q: 推荐使用哪个 AI 模型？**\nA: 强烈推荐使用 **claude-sonnet-4.5**，它在理解需求和生成图表方面表现最佳。\n\n**Q: 数据安全吗？**\nA: 所有配置信息仅保存在你的浏览器本地，不会上传到任何服务器。\n\n**Q: 支持哪些图表类型？**\nA: 支持流程图、架构图、时序图、ER 图、思维导图、网络拓扑图等 20+ 种类型，AI 会自动选择最合适的类型。\n\n**Q: 生成的图表可以修改吗？**\nA: 当然可以！生成后可以在 Excalidraw 画布上自由编辑，包括调整位置、修改样式、添加元素等。\n\n**Q: 什么是访问密码功能？**\nA: 访问密码功能允许服务器管理员配置统一的 LLM，用户只需输入密码即可使用，无需自己申请 API Key。启用访问密码后，将优先使用服务器端配置，忽略本地配置。\n\n**Q: 访问密码和本地配置的优先级是什么？**\nA: 如果启用了访问密码，系统将优先使用服务器端的 LLM 配置。只有在未启用访问密码时，才会使用本地配置的 API Key。\n\n## 🛠️ 技术栈\n\nNext.js 16 · React 19 · Excalidraw · Tailwind CSS 4 · Monaco Editor\n\n## 📄 许可证\n\nMIT License\n\n## 联系作者\n微信号： liujuntaoljt\n\n\u003Cimg width=\"200\"  alt=\"微信图片_20251103110224_44_85\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F6d8c4da2-af27-4213-b929-0d47fa51e9b5\" \u002F>\n\n## 💖 赞助\n\n感谢以下赞助者对本项目的支持：\n\n\u003C!-- 赞助者名单 -->\n- API中转站：[AI 网关｜插件世界](https:\u002F\u002Fai-router.plugins-world.cn)\n\n如果这个项目对你有帮助，欢迎通过以下方式支持：\n- ⭐ 给项目点个 Star\n- 💬 分享给更多需要的人\n- 💰 成为赞助者（联系作者微信）\n\n## 友情链接\n\n- https:\u002F\u002Fgithub.com\u002FZhangQL2824\u002Fauto-drawio.git\n\n---\n\n## Star History\n\n[![Star History Chart](https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=liujuntao123\u002Fsmart-excalidraw-next&type=date&legend=top-left)](https:\u002F\u002Fwww.star-history.com\u002F#liujuntao123\u002Fsmart-excalidraw-next&type=date&legend=top-left)\n\n**用自然语言，绘制专业图表** - 让可视化创作回归简单\n","Smart Excalidraw 是一款通过自然语言生成专业图表的智能绘图工具。其核心功能包括AI驱动的图表生成、独创的智能箭头优化算法和丰富的图表类型支持，能够根据用户描述自动生成结构清晰、布局合理的图表，并支持20多种图表类型如流程图、架构图等。项目基于Excalidraw格式，允许用户在生成后自由编辑调整，实现AI与手动精修的完美结合。此外，项目开箱即用，仅需配置一个AI API密钥即可开始使用，适合需要快速创建和编辑专业图表的设计者、工程师及团队使用。",2,"2026-06-11 03:43:14","high_star"]