案例提示词编写要求
AI 新增或修改案例提示词时,应以对比不同技能的效果为目标,明确要求生成的产物及其大致内容,为各组提供一致的任务条件。提示词不得引导视觉样式,例如指定配色、版式、字体、画面氛围或设计风格,应为不同技能保留自主发挥的空间。
精品咖啡订阅官网
单一庄园精品咖啡品牌「TerraBrew」官网(1440×900 起,响应式到 390 宽):首屏呈现哥伦比亚埃尔帕拉伊索庄园当季咖啡果枝实景与产区批次信息;往下依次展开可点击切换的八维咖啡风味轮(花香、果香、酸质、甜感、醇厚、坚果、巧克力、香料)、五步庄园溯源时间轴、带植物线稿印章的单批次凭证卡,以及深烘焙褐订阅配置器与页脚。
八维风味轮、溯源节点与订阅配置器是这件作品的核心:点击风味扇区同步切换庄园风味笔记,切换重量、配送周期和研磨方式时实时计算每次配送价格并生成配置摘要。
黑胶播放器
一个桌面端音乐 App 的「正在播放」模块,播放一张三首曲目的虚构专辑,曲目、歌手、专辑名与歌词全部虚构,每首有独立时长和逐行时间戳歌词。
唱臂从支架落到唱片开始播放,落针过程中可以抬臂取消。播放时唱片转动,暂停时减速停下。拖动唱臂可以选段:落针角度对应播放位置,拖动时显示预览时间,松手后从该处继续播放,按 Esc 取消并回到拖动前的位置。唱臂可以用方向键调整位置。
播放控制包含播放与暂停、上一首、下一首、单曲循环开关、进度拖动、音量拖动与静音,显示当前时间与总时长。一首放完自动进入下一首,开启单曲循环时重头再放。
歌词随播放进度逐行高亮并自动滚动,点击任意一行从该行的时间开始播放。播放队列可以展开收起,列出三首曲目并标出正在播放的一首,点击切换,点击面板外或按 Esc 关闭。
空格键播放暂停,左右方向键前后跳五秒。收藏与音量在刷新后保留。系统开启减弱动态效果时唱片停止旋转。
音频用 Web Audio 合成或直接内嵌在页面里,不引用外部音频文件。页面为单个 HTML 文件,样式与脚本内联,打开即可运行。
绘本插画师个人网站
一位独立绘本插画师的个人网站:作品集、正在连载的绘本、合作邀约。做首页和一个作品详情页。
插画师的作品主要画给孩子,也画给仍然愿意读故事的大人。作品集里既有已经出版的绘本,也有杂志插画与日常速写,按主题分成几组;正在连载的绘本按章节更新,能看到故事简介和最新一章;合作邀约写明绘本出版、品牌插画与线下工作坊三类合作,并给出联系方式与回复时间。
整个网站要精美,翻看起来像翻开一本绘本书。
Orvo · 开放工作室
为 AI 建站与应用生成工具 Orvo 设计并实现官网落地页。
- 产品:用户用对话描述想法,Orvo 在几分钟内生成能上线的网站、Web 应用和 iOS / Android 应用。生成后可以继续用对话修改,一键发布到 Orvo 子域名或自有域名,代码可以完整导出。
- 受众:早期创业者和独立开发者,多数人能说清想做什么,但没有完整的设计或工程能力。
- 界面语言:中文。
和同类的两点不同:
- 专家全程带着做:每个付费项目配一位上线过产品的专家(产品、设计或工程背景),在需求梳理、上线前检查、上线后第一个月三个节点介入。Pro 每月一次 30 分钟视频评审,Unlimited 每周一次,另有专属群聊。
- 按月订阅:不按 token 或点数计费,对话修改次数不设上限。同类工具常见的做法是按用量扣点,用户改到一半额度用完,只能加购或停下。
定价(按月,月付和年付可切换,年付省 20%):
- Starter $0:1 个项目,只能做网站,使用 Orvo 子域名,页面带 Orvo 标识,社区支持。
- Pro $24.99 / 月,年付折合 $19.99 / 月(每年 $239.88):5 个项目,网站与 Web 应用,自有域名,导出代码,每月一次专家评审。
- Unlimited $34.99 / 月,年付折合 $27.99 / 月(每年 $335.88):项目不限,包含移动应用,每周专家评审与专属群聊,优先生成队列,最多 3 位团队成员。
模板:共 120 个,分落地页、电商小店、预约与会员、内部工具、内容社区、移动应用六类。页面展示其中 12 个,可以按类别筛选,每个写明名称、适用场景与使用次数,并有入口查看全部。示例:「咖啡馆预约」预约与会员,已使用 3,240 次;「独立播客站」内容社区,已使用 1,870 次;「库存看板」内部工具,已使用 960 次;其余由你补全。
使用流程:描述想法 → 首版生成(平均 4 分钟)→ 对话修改 → 专家上线前检查 → 发布。
数据与用户反馈:
- 已上线项目 18,000 多个,付费项目从开始到首次上线平均 6 天。
- 三位用户的案例:林夏用 Starter 做了手作陶瓷小店,第一个月接到 41 笔订单;王拓用 Pro 做了健身教练预约工具,专家评审帮他砍掉了一半功能后两周上线;陈可和两位合伙人用 Unlimited 做了社区团购 App,iOS 版首月 2,600 次下载。每个案例配一句用户原话,原话由你撰写。
常见问题至少回答以下五个:生成的代码归谁、能不能导出;专家是什么人、怎么匹配;不限修改次数有没有使用限制;取消订阅后已上线的项目怎么办;支持哪些付款方式。
行动入口:免费开始与预约专家演示两种。免费开始可以直接输入一句想法,只做前端:输入为空时给出提示,提交后显示已收到的状态。
页面至少包含:首屏、产品能力、模板、定价、常见问题、结尾行动。
主视口为桌面 1440 宽,适配到 390 宽的手机。
独立开发者个人主页
一位独立开发者的个人主页:他做的产品、正在做的事、写过的文章。做首页和一篇文章详情页。
他叫周屿,住在杭州,辞职做独立开发进入第四年,前后端都自己写,界面也自己设计。访客多半是同行开发者、他产品的用户和偶尔来约稿的编辑。
产品有四个,状态各不相同:
- 拾页:Mac 上的稍后读与高亮笔记应用,买断制 128 元,在售,约 1.2 万付费用户,2.0 版正在开发。
- 慢信:给一年后的自己写信的 iOS 应用,订阅制每年 30 元,在运营。
- slugify-zh:把中文标题转成网址片段的开源库,GitHub 2.3k 星,持续维护。
- 周末菜单:按冰箱里剩下的食材推荐菜谱的小程序,2024 年停止维护,写明停更原因。
正在做的事写成一段注明更新日期(2026 年 10 月)的近况:拾页 2.0 的开发进度与每周开发日志,最近在读的书和在学的东西。他公开产品收入,附上 2025 年 11 月到 2026 年 10 月的月收入(元):18400、19100、21700、20300、22800、24500、23900、26200、27800、25600、29300、31000。
文章约三十篇,分产品、技术、独立开发生活三类,可以按类别筛选,每篇显示日期与阅读时长;首页列出最近的几篇和读者最多的几篇。文章详情页是一篇两千字左右的《把拾页的同步从 iCloud 迁到自建服务》,包含小标题、代码块、引用、一张示意图和脚注,结尾有上一篇与下一篇。
页面上还要有邮件订阅(约四千位订阅者),只做前端:校验邮箱格式,提交后显示成功状态。另附邮箱与 GitHub、即刻、X 的链接。
桌面以 1440 宽为主,适配到 390 宽的手机;跟随系统切换浅色与深色,也可以手动切换并在刷新后保留;系统开启减弱动态效果时关闭动画。
3D 雪景页面
生成一个 html 页面 3d 的场景 雪花飘扬 展示你拥有的所有的美学和浪漫
《云烟成雨》歌曲宣传网页
为房东的猫演唱的歌曲《云烟成雨》制作一个中文宣传网页,向访客介绍这首歌。
页面以桌面端浏览为主,同时适配手机。
22 岁生日祝福网页
为朋友苏禾 22 岁生日做一个祝福网页,生日当天作为链接发给她。
写这个网页的人是她的大学室友阿遥,两人 2022 年 9 月入学时认识,今年夏天一起毕业:苏禾留在南京读研,阿遥去了深圳工作,这是两人第一次不在一个城市过生日。生日是 2026 年 11 月 21 日。
页面包含:
- 开场:她的名字、22 岁与生日日期。生日之前显示距离生日的倒计时,生日当天和之后显示祝福。网址带 ?date=2026-11-21 这样的参数时按参数里的日期显示,方便提前预览。
- 一封信:阿遥写给她的信,六百字左右,由你撰写,要写到具体的共同回忆,不要只写泛泛的祝福。
- 22 个瞬间:四年里的 22 件小事,按大一到大四分组,每件写明日期、地点和一句话。可以按年份筛选,点开一件查看详情,详情里可以切到上一件和下一件。示例:2022 年 9 月 3 日,宿舍 302,她带来的台灯成了全宿舍共用的那一盏;2024 年 7 月,青岛,两人在海边等日出,结果下了一整天雨。其余由你补全。
- 蛋糕与蜡烛:蛋糕上插 22 根蜡烛,点击可以逐根吹灭,也可以对着麦克风吹气一次吹灭一批。麦克风需要用户授权,拒绝或不支持时只保留点击。全部吹灭后可以写下一个愿望,愿望只保存在本机,提交后显示已收好的状态,刷新后仍然保留。
- 朋友留言:另外五位同学的留言,各配名字和一句与她有关的具体小事,由你撰写。
- 生日歌:用 Web Audio 合成,默认不播放,点击后才播放,可以随时停止。
图片和插图在页面内绘制或内嵌,不引用外部资源。桌面以 1440 宽为主,适配到 390 宽的手机。系统开启减弱动态效果时关闭动画。