把模糊想法写成清晰需求
「做一个中秋网站」可以有很多种解法。以祝福卡为例,明确用户输入祝福对象、关系与关键词,点击生成后得到什么,以及如何复制或分享,AI 才有具体的任务。
活动回顾 / RECAP
9 月 25 日下午,AI × 中秋共创日在上海书城福州路店七楼传薪堂举行。我们把 2.5 小时留给 AI 编程分享与中秋主题共创:先听懂方法,再亲手尝试,把脑海中的念头变成能打开、能操作、能展示的小作品。
现场既有认真听讲的大人,也有一起动手的小朋友。大家围坐在长桌边,让月亮、玉兔、灯笼和月饼走进屏幕。最后收集到的 8 份作品,有送给家人的祝福,也有让人想点开玩一局的小游戏。
不用先会写代码,从把需求说清楚开始。
做什么、给谁用、输入什么、得到什么——想清楚这些,就是指挥 AI 的第一步。
课程回顾 / LEARN
钟林芯 Lincy 以「AI 中秋祝福卡」为贯穿案例,带大家理解从需求到网页、从首版到迭代的过程。AI 可以出方案、写代码、改样式,作品是否符合预期,仍需要我们亲自验收。
「做一个中秋网站」可以有很多种解法。以祝福卡为例,明确用户输入祝福对象、关系与关键词,点击生成后得到什么,以及如何复制或分享,AI 才有具体的任务。
第一版从一个普通网页开始,用预设模板跑通「输入 → 生成 → 看到祝福卡 → 复制或修改」。先让作品可以操作,再逐步增加功能。
首版完成后,把修改范围说清楚:只调整视觉,或只打磨祝福卡模块。保留已经跑通的功能,让月亮、灯笼与桂花逐步融入页面。
AI 帮忙写代码,与产品调用 AI 生成内容,是两件事。课程进一步介绍大模型 API、结构化返回,以及图片、语音等能力的组合;密钥应保存在服务端或环境变量中。
中秋共创 / BUILD
个人尝试或自由组队,从祝福卡、灯谜、月饼等熟悉的主题出发。作品先有一个完整流程,再打磨成别人愿意体验、愿意分享的样子。
先跑通,再优化。
13:00—14:00
AI Coding 零基础分享
14:00—15:00
个人 / 组队中秋主题共创
15:00—15:30
中秋作品游园会 · 展示交流
学员作品 / SHOWCASE
同样的月亮与玉兔,在每个人手里长出了不同的模样。下面按作品提交顺序展示作者、作品截图与体验入口,点开看看你最想分享哪一个。
作品为学员共创原型,截图展示当前页面;体验链接由作者通过 WorkBuddy 托管,内容与访问状态可能随作者更新而变化。
作品 01 · 武亦彬
把祝福送给爸爸妈妈
以明月、嫦娥剪影和金色夜空为背景,把写给爸爸妈妈的祝福做成一张互动贺卡。页面还提供点亮祝福、放飞孔明灯的入口,让一份心意有了自己的呈现方式。
作品 02 · chenximin
转出一个中秋好彩头
把月亮、玉兔、桂花和月饼装进三个转盘。点击开转,三个相同图案就是一次 Bingo;转动次数与中奖次数一起记录,把节日元素变成轻松的互动小游戏。
作品 03 · Lyn·OHIGE
答一题,点亮一盏灯
把猜灯谜设计成一场小小的游园会:每过一关点亮一盏灯笼,答错可以重试。集满五盏灯笼后获得中秋贺卡,还可以填写名字作为贺卡署名。
作品 04 · 猫北
从一句祝福到一张贺卡
填写祝福对象与关键词,选择温馨、俏皮、诗意或正式语气,再生成祝福、设计贺卡并保存图片。支持中文、英文和中英双语,让同一份中秋心意有不同表达。
当前作品使用预设模板与纯前端模拟生成祝福。
打开作品体验 ↗
作品 05 · star
让月饼飞起来
把切切乐换上中秋主题:切开飞起的月饼获得分数,连续切中有连击奖励,同时要避开月亮。关卡越高,月饼飞得越快,是一份节日感十足的反应力挑战。
作品 06 · Flower of life
三种风格,同一份团圆心意
围绕月饼、明月和举杯团圆,制作「月圆人团圆」「把酒问月」「花好月圆」三种贺卡风格。可在线切换浏览,也能从卡片集入口找到对应的 PNG 图片。
作品 07 · Emily
跟着玉兔,跑进月色里
玉兔在月夜中奔跑,跳过山石与灯笼、收集月饼。空格、方向键或点击屏幕都能跳跃,还可以二段跳;用距离、月饼数量和最佳成绩记录每次挑战。
作品 08 · Janny
带着名字,向月宫出发
以「玉兔奔月」为主题设计跑酷入口,从填写昵称开始,进入带有关卡、计时与胡萝卜状态的月光世界。把熟悉的中秋意象变成一段可以亲自参与的冒险。
共创现场 / MOMENTS
中秋合影 / TOGETHER
感谢每一位带着好奇和点子来到现场的伙伴。这个中秋,我们把祝福做进贺卡,把月饼变成游戏,也把一起创造的下午留在了这张合照里。
