[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"tool-liu-ziting--what-to-eat":3,"similar-liu-ziting--what-to-eat":74},{"id":4,"github_repo":5,"name":6,"description_en":7,"description_zh":8,"ai_summary_zh":8,"readme_en":9,"readme_zh":10,"quickstart_zh":11,"use_case_zh":12,"hero_image_url":13,"owner_login":14,"owner_name":15,"owner_avatar_url":16,"owner_bio":17,"owner_company":18,"owner_location":19,"owner_email":18,"owner_twitter":18,"owner_website":18,"owner_url":20,"languages":21,"stars":46,"forks":47,"last_commit_at":48,"license":18,"difficulty_score":49,"env_os":50,"env_gpu":51,"env_ram":51,"env_deps":52,"category_tags":60,"github_topics":65,"view_count":49,"oss_zip_url":18,"oss_zip_packed_at":18,"status":69,"created_at":70,"updated_at":71,"faqs":72,"releases":73},2859,"liu-ziting\u002Fwhat-to-eat","what-to-eat","一饭封神：一个基于 AI 的智能菜谱生成平台，支持中华八大菜系 + 国际料理，提供营养分析、酒水推荐、菜谱效果图生成等全方位烹饪指导。","一饭封神是一个基于人工智能的智能菜谱生成平台，旨在解决日常烹饪中“今天吃什么”的决策难题。它不仅能根据用户手中的食材和口味偏好，自动生成涵盖中华八大菜系及国际料理的专业食谱，还提供深度的营养分析、专业的酒水搭配建议以及定制化的酱汁配方。更有趣的是，它能一键生成逼真的菜品效果图，并附带趣味性的饮食运势占卜，让做饭变得充满期待。\n\n这款工具非常适合热爱美食但缺乏灵感的普通家庭用户，同时也为想要探索 AI 在生活场景应用的开发者提供了优秀的开源范例。其独特的技术亮点在于采用了 Vue 3 与 TypeScript 构建的现代化前端架构，并内置了强大的动态配置系统。用户无需修改代码或重启服务，即可在界面中实时切换不同的 AI 模型服务商（兼容 OpenAI 标准），灵活调整生成参数以体验不同大模型的创意风格。无论是寻求健康饮食指导的个人，还是希望快速部署 AI 应用的技术人员，一饭封神都能提供便捷且专业的支持。","# 🍳 一饭封神\n\n> 🚀 **Vibe Coding**  \n> 通过 Kiro 编辑器，实现了从需求分析、架构设计到代码实现的全流程开发。\n> [English](.\u002FREADME_EN.md) | 中文\n\n基于 AI 的智能菜谱生成平台，支持中华八大菜系 + 国际料理，提供营养分析、酒水推荐、菜谱效果图生成等功能。\n\n[![Live Demo](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F🌐_Live_Demo-一饭封神-yellow?style=for-the-badge)](https:\u002F\u002Feat.lz-t.top\u002F)\n[![Vercel](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F🚀_Vercel-yffs.vercel.app-black?style=for-the-badge&logo=vercel)](https:\u002F\u002Fyffs.vercel.app\u002F)\n[![Netlify](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F🌐_Netlify-whattoeatai.netlify.app-00C7B7?style=for-the-badge&logo=netlify)](https:\u002F\u002Fwhattoeatai.netlify.app\u002F)\n[![GitHub](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FGitHub-liu--ziting\u002Fwhat--to--eat-black?style=for-the-badge&logo=github)](https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat)\n[![Config System](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F⚙️_Dynamic_Config-Real--time_AI_Settings-blue?style=for-the-badge)](https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat#%EF%B8%8F-动态配置系统)\n\n## 🚀 核心功能\n\n-   **智能菜谱生成** - 基于食材和菜系偏好生成专业菜谱\n-   **营养分析** - 详细营养成分分析和健康评分\n-   **AI 效果图** - 一键生成精美菜品图片\n-   **酒水搭配** - 专业侍酒师推荐\n-   **酱汁设计** - 定制化调料配方\n-   **收藏管理** - 保存和管理喜爱的菜谱\n-   **料理占卜** - 趣味性饮食运势\n-   **配置管理** - 动态配置 AI 模型参数，支持多服务商切换\n\n## 🛠️ 技术栈\n\n-   **前端框架：** Vue 3.4 + TypeScript 5.3+\n-   **样式方案：** Tailwind CSS 3.4+\n-   **构建工具：** Vite 5.0+\n-   **AI 服务：** OpenAI 标准\n-   **部署平台：** Vercel + Netlify\n\n## 🚀 快速开始\n\n### 环境要求\n\n-   Node.js 18+\n\n### 本地开发\n\n```bash\n# 克隆项目\ngit clone https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat.git\ncd what-to-eat\n\n# 安装依赖\nnpm install\n\n# 配置环境变量\ncp .env.example .env\n# 编辑 .env 文件，添加你的 AI API 密钥\n\n# 启动开发服务器\nnpm run dev\n\n# 🎯 首次启动后，点击导航栏的 ⚙️ 图标可以动态配置AI模型参数\n```\n\n### 构建部署\n\n```bash\n# 类型检查 + 构建\nnpm run build\n\n# Netlify 构建\nnpm run build:netlify\n\n# 预览构建结果\nnpm run preview\n```\n\n## 🚀 一键部署\n\n### Vercel 部署\n\n[![Deploy with Vercel](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fliu-ziting_what-to-eat_readme_a4c0f8073a9c.png)](https:\u002F\u002Fvercel.com\u002Fnew\u002Fclone?repository-url=https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat&env=VITE_TEXT_GENERATION_BASE_URL,VITE_TEXT_GENERATION_API_KEY,VITE_TEXT_GENERATION_MODEL,VITE_IMAGE_GENERATION_BASE_URL,VITE_IMAGE_GENERATION_API_KEY,VITE_IMAGE_GENERATION_MODEL&envDescription=AI%20API%20配置&envLink=https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat%23环境变量配置)\n\n### Netlify 部署\n\n[![Deploy to Netlify](https:\u002F\u002Fwww.netlify.com\u002Fimg\u002Fdeploy\u002Fbutton.svg)](https:\u002F\u002Fapp.netlify.com\u002Fstart\u002Fdeploy?repository=https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat)\n\n> 📖 详细部署指南请参考：[DEPLOYMENT.md](.\u002FDEPLOYMENT.md)\n\n### 环境变量配置\n\n#### 你可以切换任何符合 OpenAI 标准的请求地址和模型\n\n> **🌟 模型推荐**: 建议使用高质量 AI 大模型获得更好的菜谱生成效果！不同模型的创意风格和专业程度差异显著。\n\n```env\n# 菜谱生成模型配置（文本生成）\nVITE_TEXT_GENERATION_BASE_URL=https:\u002F\u002F********\u002Fv1\u002F\nVITE_TEXT_GENERATION_API_KEY=************\nVITE_TEXT_GENERATION_MODEL=******\nVITE_TEXT_GENERATION_TEMPERATURE=0.7\nVITE_TEXT_GENERATION_TIMEOUT=300000\n\n# 图片生成模型配置\nVITE_IMAGE_GENERATION_BASE_URL=https:\u002F\u002Fopen.bigmodel.cn\u002Fapi\u002Fpaas\u002Fv4\u002Fimages\u002Fgenerations\nVITE_IMAGE_GENERATION_API_KEY=******************\nVITE_IMAGE_GENERATION_MODEL=cogview-3-flash\n\n```\n\n### ⚙️ 动态配置系统\n\n应用内置了强大的配置管理系统，支持运行时动态修改 AI 模型配置：\n\n#### 🎯 功能特性\n\n-   **实时配置** - 无需重启应用，配置修改立即生效\n-   **持久化存储** - 用户配置自动保存到本地\n-   **分离管理** - 菜谱生成和图片生成模型独立配置\n-   **配置验证** - 内置 API 连接测试功能\n-   **一键恢复** - 支持恢复环境变量默认配置\n\n#### 🚀 使用方法\n\n1. 点击导航栏右侧的 ⚙️ 设置按钮\n2. 在弹窗中修改 API 地址、密钥、模型等参数\n3. 点击\"保存设置\"立即应用配置\n4. 使用\"测试配置\"验证设置是否正确\n\n#### 🎯 模型效果说明\n\n> **💡 重要提示**: 不同 AI 模型生成的菜谱质量和风格差异很大！\n>\n> -   **推荐使用高质量大模型** - 如 GPT、Claude、DeepSeek 等\n> -   **菜谱专业度** - 优质模型能生成更专业、详细的制作步骤\n> -   **创意程度** - 不同模型的创意风格和口味搭配各有特色\n> -   **营养分析** - 高端模型提供更准确的营养成分分析\n>\n> 🔄 **建议**: 尝试切换不同的 AI 模型接口，体验各种风格的菜谱生成效果！\n\n#### 📋 支持的配置项\n\n-   **API 地址** - 支持任何 OpenAI 兼容的 API 服务\n-   **API 密钥** - 安全的密码形式输入\n-   **模型名称** - 自定义使用的 AI 模型\n-   **温度参数** - 控制生成内容的创造性(0-1)\n-   **超时设置** - 自定义 API 请求超时时间\n\n## 📁 项目结构\n\n```\nsrc\u002F\n├── components\u002F          # 通用组件\n│   ├── ConfirmModal.vue      # 确认对话框\n│   ├── CookingLoader.vue     # 烹饪加载动画\n│   ├── FavoriteButton.vue    # 收藏按钮\n│   ├── GlobalNavigation.vue  # 全局导航\n│   ├── RecipeCard.vue        # 菜谱卡片\n│   ├── NutritionAnalysis.vue # 营养分析\n│   ├── SettingsModal.vue     # 设置弹窗\n│   ├── SettingsButton.vue    # 设置按钮\n│   ├── ConfigTest.vue        # 配置测试\n│   └── ...\n├── config\u002F              # 配置文件\n│   ├── ai.ts                 # AI 模型配置\n│   ├── cuisines.ts           # 菜系配置\n│   ├── ingredients.ts        # 食材配置\n│   └── ...\n├── services\u002F            # 服务层\n│   ├── aiService.ts          # AI 接口服务\n│   ├── favoriteService.ts    # 收藏服务\n│   ├── imageService.ts       # 图片服务\n│   └── ...\n├── stores\u002F              # 状态管理\n│   └── settings.js           # 配置状态管理\n├── utils\u002F               # 工具函数\n│   ├── apiConfig.js          # API配置工具\n│   └── ...\n├── views\u002F               # 页面组件\n│   ├── Home.vue              # 首页\n│   ├── Favorites.vue         # 收藏页\n│   ├── SauceDesign.vue       # 酱汁设计\n│   ├── SettingsDemo.vue      # 配置演示页\n│   └── ...\n├── types\u002F               # TypeScript 类型定义\n└── router\u002F              # 路由配置\n```\n\n### AI 服务集成\n\n-   **文本生成**：`src\u002Fservices\u002FaiService.ts` - 支持动态配置切换\n-   **图片生成**：`src\u002Fservices\u002FimageService.ts` - 多服务商支持\n-   **配置管理**：`src\u002Fstores\u002Fsettings.js` - 实时配置管理\n-   **API 工具**：`src\u002Futils\u002FapiConfig.js` - 统一配置接口\n\n## 📈 Star History\n\n[![Star History Chart](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fliu-ziting_what-to-eat_readme_198ad8fcc55b.png)](https:\u002F\u002Fwww.star-history.com\u002F#liu-ziting\u002Fwhat-to-eat&Date)\n\n## 🙏 致谢\n\n-   [智谱 AI](https:\u002F\u002Fopen.bigmodel.cn\u002F) - 图片生成 API\n-   [Vue.js](https:\u002F\u002Fvuejs.org\u002F) - 渐进式 JavaScript 框架\n-   [Tailwind CSS](https:\u002F\u002Ftailwindcss.com\u002F) - 实用优先的 CSS 框架\n","# 🍳 一饭封神\n\n> 🚀 **Vibe Coding**  \n> 通过 Kiro 编辑器，实现了从需求分析、架构设计到代码实现的全流程开发。\n> [English](.\u002FREADME_EN.md) | 中文\n\n基于 AI 的智能菜谱生成平台，支持中华八大菜系 + 国际料理，提供营养分析、酒水推荐、菜谱效果图生成等功能。\n\n[![Live Demo](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F🌐_Live_Demo-一饭封神-yellow?style=for-the-badge)](https:\u002F\u002Feat.lz-t.top\u002F)\n[![Vercel](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F🚀_Vercel-yffs.vercel.app-black?style=for-the-badge&logo=vercel)](https:\u002F\u002Fyffs.vercel.app\u002F)\n[![Netlify](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F🌐_Netlify-whattoeatai.netlify.app-00C7B7?style=for-the-badge&logo=netlify)](https:\u002F\u002Fwhattoeatai.netlify.app\u002F)\n[![GitHub](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FGitHub-liu--ziting\u002Fwhat--to--eat-black?style=for-the-badge&logo=github)](https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat)\n[![Config System](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F⚙️_Dynamic_Config-Real--time_AI_Settings-blue?style=for-the-badge)](https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat#%EF%B8%8F-动态配置系统)\n\n## 🚀 核心功能\n\n-   **智能菜谱生成** - 基于食材和菜系偏好生成专业菜谱\n-   **营养分析** - 详细营养成分分析和健康评分\n-   **AI 效果图** - 一键生成精美菜品图片\n-   **酒水搭配** - 专业侍酒师推荐\n-   **酱汁设计** - 定制化调料配方\n-   **收藏管理** - 保存和管理喜爱的菜谱\n-   **料理占卜** - 趣味性饮食运势\n-   **配置管理** - 动态配置 AI 模型参数，支持多服务商切换\n\n## 🛠️ 技术栈\n\n-   **前端框架：** Vue 3.4 + TypeScript 5.3+\n-   **样式方案：** Tailwind CSS 3.4+\n-   **构建工具：** Vite 5.0+\n-   **AI 服务：** OpenAI 标准\n-   **部署平台：** Vercel + Netlify\n\n## 🚀 快速开始\n\n### 环境要求\n\n-   Node.js 18+\n\n### 本地开发\n\n```bash\n# 克隆项目\ngit clone https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat.git\ncd what-to-eat\n\n# 安装依赖\nnpm install\n\n# 配置环境变量\ncp .env.example .env\n# 编辑 .env 文件，添加你的 AI API 密钥\n\n# 启动开发服务器\nnpm run dev\n\n# 🎯 首次启动后，点击导航栏的 ⚙️ 图标可以动态配置AI模型参数\n```\n\n### 构建部署\n\n```bash\n# 类型检查 + 构建\nnpm run build\n\n# Netlify 构建\nnpm run build:netlify\n\n# 预览构建结果\nnpm run preview\n```\n\n## 🚀 一键部署\n\n### Vercel 部署\n\n[![Deploy with Vercel](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fliu-ziting_what-to-eat_readme_a4c0f8073a9c.png)](https:\u002F\u002Fvercel.com\u002Fnew\u002Fclone?repository-url=https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat&env=VITE_TEXT_GENERATION_BASE_URL,VITE_TEXT_GENERATION_API_KEY,VITE_TEXT_GENERATION_MODEL,VITE_IMAGE_GENERATION_BASE_URL,VITE_IMAGE_GENERATION_API_KEY,VITE_IMAGE_GENERATION_MODEL&envDescription=AI%20API%20配置&envLink=https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat%23环境变量配置)\n\n### Netlify 部署\n\n[![Deploy to Netlify](https:\u002F\u002Fwww.netlify.com\u002Fimg\u002Fdeploy\u002Fbutton.svg)](https:\u002F\u002Fapp.netlify.com\u002Fstart\u002Fdeploy?repository=https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat)\n\n> 📖 详细部署指南请参考：[DEPLOYMENT.md](.\u002FDEPLOYMENT.md)\n\n### 环境变量配置\n\n#### 你可以切换任何符合 OpenAI 标准的请求地址和模型\n\n> **🌟 模型推荐**: 建议使用高质量 AI 大模型获得更好的菜谱生成效果！不同模型的创意风格和专业程度差异显著。\n\n```env\n# 菜谱生成模型配置（文本生成）\nVITE_TEXT_GENERATION_BASE_URL=https:\u002F\u002F********\u002Fv1\u002F\nVITE_TEXT_GENERATION_API_KEY=************\nVITE_TEXT_GENERATION_MODEL=******\nVITE_TEXT_GENERATION_TEMPERATURE=0.7\nVITE_TEXT_GENERATION_TIMEOUT=300000\n\n# 图片生成模型配置\nVITE_IMAGE_GENERATION_BASE_URL=https:\u002F\u002Fopen.bigmodel.cn\u002Fapi\u002Fpaas\u002Fv4\u002Fimages\u002Fgenerations\nVITE_IMAGE_GENERATION_API_KEY=******************\nVITE_IMAGE_GENERATION_MODEL=cogview-3-flash\n\n```\n\n### ⚙️ 动态配置系统\n\n应用内置了强大的配置管理系统，支持运行时动态修改 AI 模型配置：\n\n#### 🎯 功能特性\n\n-   **实时配置** - 无需重启应用，配置修改立即生效\n-   **持久化存储** - 用户配置自动保存到本地\n-   **分离管理** - 菜谱生成和图片生成模型独立配置\n-   **配置验证** - 内置 API 连接测试功能\n-   **一键恢复** - 支持恢复环境变量默认配置\n\n#### 🚀 使用方法\n\n1. 点击导航栏右侧的 ⚙️ 设置按钮\n2. 在弹窗中修改 API 地址、密钥、模型等参数\n3. 点击\"保存设置\"立即应用配置\n4. 使用\"测试配置\"验证设置是否正确\n\n#### 🎯 模型效果说明\n\n> **💡 重要提示**: 不同 AI 模型生成的菜谱质量和风格差异很大！\n>\n> -   **推荐使用高质量大模型** - 如 GPT、Claude、DeepSeek 等\n> -   **菜谱专业度** - 优质模型能生成更专业、详细的制作步骤\n> -   **创意程度** - 不同模型的创意风格和口味搭配各有特色\n> -   **营养分析** - 高端模型提供更准确的营养成分分析\n>\n> 🔄 **建议**: 尝试切换不同的 AI 模型接口，体验各种风格的菜谱生成效果！\n\n#### 📋 支持的配置项\n\n-   **API 地址** - 支持任何 OpenAI 兼容的 API 服务\n-   **API 密钥** - 安全的密码形式输入\n-   **模型名称** - 自定义使用的 AI 模型\n-   **温度参数** - 控制生成内容的创造性(0-1)\n-   **超时设置** - 自定义 API 请求超时时间\n\n## 📁 项目结构\n\n```\nsrc\u002F\n├── components\u002F          # 通用组件\n│   ├── ConfirmModal.vue      # 确认对话框\n│   ├── CookingLoader.vue     # 烹饪加载动画\n│   ├── FavoriteButton.vue    # 收藏按钮\n│   ├── GlobalNavigation.vue  # 全局导航\n│   ├── RecipeCard.vue        # 菜谱卡片\n│   ├── NutritionAnalysis.vue # 营养分析\n│   ├── SettingsModal.vue     # 设置弹窗\n│   ├── SettingsButton.vue    # 设置按钮\n│   ├── ConfigTest.vue        # 配置测试\n│   └‥\n├── config\u002F              # 配置文件\n│   ├── ai.ts                 # AI 模型配置\n│   ├── cuisines.ts           # 菜系配置\n│   ├── ingredients.ts        # 食材配置\n│   └‥\n├── services\u002F            # 服务层\n│   ├── aiService.ts          # AI 接口服务\n│   ├── favoriteService.ts    # 收藏服务\n│   ├── imageService.ts       # 图片服务\n│   └‥\n├── stores\u002F              # 状态管理\n│   └‥\n├── utils\u002F               # 工具函数\n│   ├── apiConfig.js          # API配置工具\n│   └‥\n├── views\u002F               # 页面组件\n│   ├── Home.vue              # 首页\n│   ├── Favorites.vue         # 收藏页\n│   ├── SauceDesign.vue       # 酱汁设计\n│   ├── SettingsDemo.vue      # 配置演示页\n│   └‥\n├── types\u002F               # TypeScript 类型定义\n└‥\n```\n\n### AI 服务集成\n\n-   **文本生成**：`src\u002Fservices\u002FaiService.ts` - 支持动态配置切换\n-   **图片生成**：`src\u002Fservices\u002FimageService.ts` - 多服务商支持\n-   **配置管理**：`src\u002Fstores\u002Fsettings.js` - 实时配置管理\n-   **API 工具**：`src\u002Futils\u002FapiConfig.js` - 统一配置接口\n\n## 📈 Star History\n\n[![Star History Chart](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fliu-ziting_what-to-eat_readme_198ad8fcc55b.png)](https:\u002F\u002Fwww.star-history.com\u002F#liu-ziting\u002Fwhat-to-eat&Date)\n\n## 🙏 致谢\n\n-   [智谱 AI](https:\u002F\u002Fopen.bigmodel.cn\u002F) - 图片生成 API\n-   [Vue.js](https:\u002F\u002Fvuejs.org\u002F) - 渐进式 JavaScript 框架\n-   [Tailwind CSS](https:\u002F\u002Ftailwindcss.com\u002F) - 实用优先的 CSS 框架","# what-to-eat 快速上手指南\n\n## 📋 环境准备\n\n在开始之前，请确保您的开发环境满足以下要求：\n\n- **操作系统**：Windows \u002F macOS \u002F Linux\n- **Node.js**：版本 18 或更高（推荐使用 [nvm](https:\u002F\u002Fgithub.com\u002Fnvm-sh\u002Fnvm) 管理 Node 版本）\n- **包管理器**：npm (随 Node.js 安装) 或 yarn\u002Fpnpm\n- **AI API 密钥**：需准备符合 OpenAI 标准的文本生成和大模型图片生成服务密钥（如 DeepSeek、智谱 AI 等）\n\n> 💡 **国内开发者提示**：若网络访问 GitHub 较慢，可使用国内镜像加速克隆，或手动下载 ZIP 包解压。\n\n## 🚀 安装步骤\n\n### 1. 克隆项目\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fliu-ziting\u002Fwhat-to-eat.git\ncd what-to-eat\n```\n\n### 2. 安装依赖\n```bash\nnpm install\n```\n> 若下载缓慢，可临时切换淘宝镜像源：\n> ```bash\n> npm config set registry https:\u002F\u002Fregistry.npmmirror.com\n> npm install\n> ```\n\n### 3. 配置环境变量\n复制示例配置文件并编辑：\n```bash\ncp .env.example .env\n```\n使用编辑器打开 `.env` 文件，填入您的 AI 服务配置：\n```env\n# 菜谱生成模型配置（文本生成）\nVITE_TEXT_GENERATION_BASE_URL=https:\u002F\u002Fyour-api-domain.com\u002Fv1\u002F\nVITE_TEXT_GENERATION_API_KEY=your_text_api_key\nVITE_TEXT_GENERATION_MODEL=your_model_name\nVITE_TEXT_GENERATION_TEMPERATURE=0.7\nVITE_TEXT_GENERATION_TIMEOUT=300000\n\n# 图片生成模型配置\nVITE_IMAGE_GENERATION_BASE_URL=https:\u002F\u002Fopen.bigmodel.cn\u002Fapi\u002Fpaas\u002Fv4\u002Fimages\u002Fgenerations\nVITE_IMAGE_GENERATION_API_KEY=your_image_api_key\nVITE_IMAGE_GENERATION_MODEL=cogview-3-flash\n```\n\n## 🍳 基本使用\n\n### 启动开发服务器\n运行以下命令启动本地开发环境：\n```bash\nnpm run dev\n```\n启动成功后，终端会显示本地访问地址（通常为 `http:\u002F\u002Flocalhost:5173`）。\n\n### 动态配置模型（推荐）\n项目内置了强大的运行时配置系统，无需重启即可切换 AI 模型：\n\n1. 在浏览器打开应用，点击导航栏右侧的 **⚙️ 设置图标**。\n2. 在弹窗中修改 API 地址、密钥、模型名称及温度参数。\n3. 点击 **\"测试配置\"** 验证连接是否成功。\n4. 点击 **\"保存设置\"**，配置将立即生效并持久化到本地。\n\n### 生成第一份菜谱\n1. 在首页输入您拥有的食材（如：鸡蛋、西红柿）。\n2. 选择偏好的菜系（如：川菜、粤菜或国际料理）。\n3. 点击生成，系统将输出包含详细步骤、营养分析及酒水推荐的完整菜谱。\n4. 点击 **\"生成效果图\"** 查看 AI 绘制的菜品图片。\n\n### 构建生产版本\n完成开发后，可构建静态资源进行部署：\n```bash\n# 类型检查 + 构建\nnpm run build\n\n# 预览构建结果\nnpm run preview\n```","周末傍晚，刚下班的职场新人小林面对冰箱里剩余的鸡胸肉、青椒和半盒豆腐发愁，既想快速做顿健康晚餐，又苦于缺乏烹饪灵感。\n\n### 没有 what-to-eat 时\n- **决策困难**：在多个美食 APP 和搜索引擎间反复切换，花费 20 分钟仍无法决定做什么菜，陷入“选择瘫痪”。\n- **营养盲区**：凭感觉搭配食材，无法量化摄入的热量和蛋白质，担心饮食不均衡影响健身计划。\n- **卖相焦虑**：照搬文字菜谱操作，成品色泽暗淡、摆盘凌乱，发朋友圈前不得不反复修图或放弃分享。\n- **搭配单一**：只懂水煮或煎炒，缺乏专业酱汁配方和酒水建议，导致家常便饭口感枯燥，缺乏仪式感。\n\n### 使用 what-to-eat 后\n- **秒级生成**：输入现有食材并勾选“低脂”偏好，what-to-eat 立即基于八大菜系生成“青椒豆腐滑鸡”的专业菜谱及详细步骤。\n- **科学分析**：系统自动输出详细的营养成分表与健康评分，让小林清晰掌握每餐的热量缺口，安心享受美食。\n- **视觉赋能**：一键调用 AI 绘图功能生成逼真的菜品效果图，不仅作为烹饪参考，更直接成为社交媒体上的吸睛素材。\n- **全域指导**：获得定制化的秘制酱汁比例及佐餐酒水推荐，将普通家常菜瞬间升级为餐厅级的精致料理体验。\n\nwhat-to-eat 通过 AI 全流程赋能，将用户从繁琐的搜题与试错中解放出来，让每个人都能轻松成为掌控营养与美学的家庭主厨。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fliu-ziting_what-to-eat_3594c63f.png","liu-ziting","liuziting","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fliu-ziting_56e816e0.jpg","liuziting2014@163.com",null,"Hangzhou","https:\u002F\u002Fgithub.com\u002Fliu-ziting",[22,26,30,34,38,42],{"name":23,"color":24,"percentage":25},"Vue","#41b883",73.1,{"name":27,"color":28,"percentage":29},"TypeScript","#3178c6",23.4,{"name":31,"color":32,"percentage":33},"JavaScript","#f1e05a",2.7,{"name":35,"color":36,"percentage":37},"HTML","#e34c26",0.5,{"name":39,"color":40,"percentage":41},"CSS","#663399",0.3,{"name":43,"color":44,"percentage":45},"Shell","#89e051",0,3302,500,"2026-04-03T14:18:17",2,"Linux, macOS, Windows","未说明",{"notes":53,"python":51,"dependencies":54},"该项目为前端应用，无需本地 GPU 或 Python 环境。运行核心依赖 Node.js 18+ 及符合 OpenAI 标准的 AI API 密钥（用于文本和图片生成）。支持通过环境变量或运行时动态配置切换不同的 AI 模型服务商。",[55,56,57,58,59],"Vue 3.4+","TypeScript 5.3+","Tailwind CSS 3.4+","Vite 5.0+","Node.js 18+",[61,62,63,64],"Agent","语言模型","图像","开发框架",[66,67,68],"ai","gpt","vibe-coding","ready","2026-03-27T02:49:30.150509","2026-04-06T08:47:03.215614",[],[],[75,84,92,100,108,121],{"id":76,"name":77,"github_repo":78,"description_zh":79,"stars":80,"difficulty_score":81,"last_commit_at":82,"category_tags":83,"status":69},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,3,"2026-04-05T11:01:52",[64,63,61],{"id":85,"name":86,"github_repo":87,"description_zh":88,"stars":89,"difficulty_score":49,"last_commit_at":90,"category_tags":91,"status":69},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 真正成长为懂上",140436,"2026-04-05T23:32:43",[64,61,62],{"id":93,"name":94,"github_repo":95,"description_zh":96,"stars":97,"difficulty_score":49,"last_commit_at":98,"category_tags":99,"status":69},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 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",107662,"2026-04-03T11:11:01",[64,63,61],{"id":101,"name":102,"github_repo":103,"description_zh":104,"stars":105,"difficulty_score":49,"last_commit_at":106,"category_tags":107,"status":69},3704,"NextChat","ChatGPTNextWeb\u002FNextChat","NextChat 是一款轻量且极速的 AI 助手，旨在为用户提供流畅、跨平台的大模型交互体验。它完美解决了用户在多设备间切换时难以保持对话连续性，以及面对众多 AI 模型不知如何统一管理的痛点。无论是日常办公、学习辅助还是创意激发，NextChat 都能让用户随时随地通过网页、iOS、Android、Windows、MacOS 或 Linux 端无缝接入智能服务。\n\n这款工具非常适合普通用户、学生、职场人士以及需要私有化部署的企业团队使用。对于开发者而言，它也提供了便捷的自托管方案，支持一键部署到 Vercel 或 Zeabur 等平台。\n\nNextChat 的核心亮点在于其广泛的模型兼容性，原生支持 Claude、DeepSeek、GPT-4 及 Gemini Pro 等主流大模型，让用户在一个界面即可自由切换不同 AI 能力。此外，它还率先支持 MCP（Model Context Protocol）协议，增强了上下文处理能力。针对企业用户，NextChat 提供专业版解决方案，具备品牌定制、细粒度权限控制、内部知识库整合及安全审计等功能，满足公司对数据隐私和个性化管理的高标准要求。",87618,"2026-04-05T07:20:52",[64,62],{"id":109,"name":110,"github_repo":111,"description_zh":112,"stars":113,"difficulty_score":49,"last_commit_at":114,"category_tags":115,"status":69},2268,"ML-For-Beginners","microsoft\u002FML-For-Beginners","ML-For-Beginners 是由微软推出的一套系统化机器学习入门课程，旨在帮助零基础用户轻松掌握经典机器学习知识。这套课程将学习路径规划为 12 周，包含 26 节精炼课程和 52 道配套测验，内容涵盖从基础概念到实际应用的完整流程，有效解决了初学者面对庞大知识体系时无从下手、缺乏结构化指导的痛点。\n\n无论是希望转型的开发者、需要补充算法背景的研究人员，还是对人工智能充满好奇的普通爱好者，都能从中受益。课程不仅提供了清晰的理论讲解，还强调动手实践，让用户在循序渐进中建立扎实的技能基础。其独特的亮点在于强大的多语言支持，通过自动化机制提供了包括简体中文在内的 50 多种语言版本，极大地降低了全球不同背景用户的学习门槛。此外，项目采用开源协作模式，社区活跃且内容持续更新，确保学习者能获取前沿且准确的技术资讯。如果你正寻找一条清晰、友好且专业的机器学习入门之路，ML-For-Beginners 将是理想的起点。",84991,"2026-04-05T10:45:23",[63,116,117,118,61,119,62,64,120],"数据工具","视频","插件","其他","音频",{"id":122,"name":123,"github_repo":124,"description_zh":125,"stars":126,"difficulty_score":81,"last_commit_at":127,"category_tags":128,"status":69},3128,"ragflow","infiniflow\u002Fragflow","RAGFlow 是一款领先的开源检索增强生成（RAG）引擎，旨在为大语言模型构建更精准、可靠的上下文层。它巧妙地将前沿的 RAG 技术与智能体（Agent）能力相结合，不仅支持从各类文档中高效提取知识，还能让模型基于这些知识进行逻辑推理和任务执行。\n\n在大模型应用中，幻觉问题和知识滞后是常见痛点。RAGFlow 通过深度解析复杂文档结构（如表格、图表及混合排版），显著提升了信息检索的准确度，从而有效减少模型“胡编乱造”的现象，确保回答既有据可依又具备时效性。其内置的智能体机制更进一步，使系统不仅能回答问题，还能自主规划步骤解决复杂问题。\n\n这款工具特别适合开发者、企业技术团队以及 AI 研究人员使用。无论是希望快速搭建私有知识库问答系统，还是致力于探索大模型在垂直领域落地的创新者，都能从中受益。RAGFlow 提供了可视化的工作流编排界面和灵活的 API 接口，既降低了非算法背景用户的上手门槛，也满足了专业开发者对系统深度定制的需求。作为基于 Apache 2.0 协议开源的项目，它正成为连接通用大模型与行业专有知识之间的重要桥梁。",77062,"2026-04-04T04:44:48",[61,63,64,62,119]]