CH1 实操作业 · 零基础学员
AI Recipe - 禅意厨房
一个专注于低糖低钠饮食的智能菜谱生成器。通过对接GitHub开源菜谱库（程序员做饭指南HowToCook + 老乡鸡菜谱），让AI分析食材并生成健康改良版菜谱。
💡 核心亮点
从AI"幻觉"问题到真实GitHub数据集成的完整踩坑过程。详细记录了如何从"假装访问GitHub"优化为"真实获取GitHub文件内容"的技术方案。
Vite + React
Gemini API
GitHub API
GitHub Pages
访问线上网站 →
CH1 实操作业 · 零基础学员
AI科技公司官网 - 赛博未来风
一个充满视觉冲击力的赛博朋克风格科技公司官网。包含终端启动序列、AI眼球跟随鼠标、可交互命令行终端、点击爆发粒子效果等多种创意动效。
🎨 设计亮点
超详细的FUI/HUD设计文档，包含完整的色彩系统、动效设计、微交互设计。将"神经中枢塔"的世界观隐喻贯穿整个网站，营造出未来城市AI控制中心的沉浸感。
Next.js
FUI/HUD设计
Canvas动效
粒子系统
访问线上网站 →
CH4 实操作业 · 零基础学员
个人网站 - 技术问题解决典范
一个完整记录了技术问题诊断与解决过程的个人网站项目。从React版本冲突、Google Fonts被墙到Workspace Root推断错误，详细整理了6个技术问题的完整解决方案。
📚 学习价值
这是一份零基础学员的踩坑宝典。每个问题都包含：问题描述、错误现象、根本原因、解决方案、经验教训。对于初学者来说，这些实战经验比教程更有价值。
Next.js 16
React 18.2.0
Zed + Claude
本地字体方案
本地运行成功 ✓
CH4 实操作业 · 零基础学员
森体力行 - 个人品牌网站
定位："福以森体之，力行近乎仁"。将个人公众号《森体力行》的精选内容通过Next.js单页网站进行结构化呈现，包含理念、栏目、精选文章、行动清单等模块。
✨ 产品思维
展现了清晰的产品定位和内容架构思维。将公众号内容重新组织为网站形态，体现了从内容到产品的转化能力，这正是AI产品研发训练营强调的"聚焦作品"原则。
Next.js
App Router
Tailwind CSS
公众号内容
本地运行成功 ✓