← → 翻页 · ESC 索引
Vibe Coding · Pet House
Starter Deck
给零基础初中生的创业启蒙课

宠物屋

用 Codex 做出第一个小程序原型

不先背代码。先学会观察问题、描述需求、指挥 AI、测试作品,再把一个小想法讲成一个小项目。

MarketBuildTestPitch
宠物照护 · 小程序 · 创业第一课
2026
Course Promise · 课程目标
01 / 27
最后你会得到什么

三件作品

一份会运行的宠物屋原型,一套测试清单,一段三分钟路演稿。

Product
1
能打开、能点击、能演示的小程序或 App 原型。
Method
4
想清楚、说清楚、让 AI 做、自己验收。
Startup
7
从观察宠物家庭到完成一次小路演。
学习不是背命令,是完成真实任务
Outcome
Why Pets · 市场入口
02 / 27
为什么选宠物屋

爱宠物的人,愿意认真花钱。

US Pet Market
158B
APPA 称 2025 年美国宠物行业支出约 1580 亿美元。
China Dog & Cat
302B
USDA GAIN 报告称 2024 年中国犬猫消费市场约 3020 亿元人民币。
Digital Chance
30-60
即时零售平台正在把宠物用品送达变成分钟级服务。

这不是让你立刻做大公司,而是学习:一个小需求,怎样变成一个可解释、可测试、可展示的产品。

Sources · APPA 2026 State of the Industry · USDA GAIN CH2025-0109
Market
Vibe Coding · 新工作法
03 / 27
先把意思说对

不是魔法,是对话。

Old · 旧想法

我不会代码,所以不能做。

  • 先害怕语法。
  • 复制别人代码。
  • 报错以后不知道问什么。
  • 做完也不知道好不好。
New · 新方法

我会描述问题,所以可以开工。

  • 先说清楚用户是谁。
  • 把功能拆成小步骤。
  • 让 Codex 写第一版。
  • 自己像老师一样检查。
Vibe Coding = 用自然语言管理代码工作
Before / After
Act I · Product Sense
04 / 27
Act I

先想人

代码之前,先问:谁遇到什么麻烦?现在怎么解决?为什么不够好?

从生活观察开始
Product Sense
Idea · 宠物屋
05 / 27
Project Brief

宠物屋

一个帮家庭记录宠物信息、照护任务、用品库存、就医提醒的小程序原型。

一句话版本:
让第一次养宠物的家庭,不再靠记忆照顾它。
One sentence pitch
App Card
Milo 的小屋
喂食
今天 19:00
洗澡
周六下午
疫苗
还剩 18 天
猫粮
库存 20%
HOME · CARE · NOTES · SHOP
先做家庭版,不做复杂社区
Product
User · 谁会用
06 / 27
不要说所有人

先服务一个人。

Persona
新手家长
刚养猫或狗,怕忘记喂食、驱虫、疫苗。
Pain
记不住
信息散在聊天、备忘录、购物软件、纸质病历里。
Win
少焦虑
打开首页就知道今天要做什么,缺什么。

产品第一课:先让一个具体的人觉得有用,再慢慢让更多人觉得有用。

用户画像不是作文,是取舍工具
Persona
MVP · 最小可用版本
07 / 27
第一版只做必须的

四个按钮够了。

01 Profile
宠物档案
名字、品种、生日、体重、照片。
02 Tasks
今日照护
喂食、清洁、散步、用药。
03 Reminders
重要提醒
疫苗、驱虫、复诊、洗澡。
04 Inventory
用品库存
粮、砂、药、玩具,低于阈值就提醒。
MVP = Minimum Viable Product
Scope
Flow · 页面地图
08 / 27
用户怎样走

四页小地图

Main Navigation
01
Home
今天要做什么,一眼看到。
02
Pet
宠物档案和健康记录。
03
Care
照护任务和提醒时间。
04
Stock
用品库存和购买清单。
05
Pitch
把原型演给同学和家长看。

零基础最容易犯的错,是一开始就做十几个页面。先把主路走通。

页面少,测试才容易
Flow
Act II · Build With Codex
09 / 27
Act II

开始做

你不是让 AI 猜你的心思。你要像小导演一样,给它角色、目标、素材、验收标准。

从一句好指令开始
Build
Tool · Codex
10 / 27
Codex 像什么

它是会写代码的同桌。

它能读项目、改文件、运行测试、打开浏览器检查页面。但它需要你告诉它:你想给谁做、做到什么程度、怎样算完成。

对 Codex 说话的公式:
角色 + 背景 + 任务 + 限制 + 验收标准
Prompt Formula
prompt.txt
Role: senior frontend engineer
Goal: build PetHouse MVP
Audience: middle school beginner
Constraints: simple, no login, local data
Done: runs, clickable, tested
不会代码,也要学会验收代码
Codex
Prompt · 第一条指令
11 / 27
可以直接复制改写

把话说完整。

Build a simple PetHouse web app prototype.
Use plain HTML, CSS, and JavaScript.
Pages: Home, Pet Profile, Care Tasks, Inventory.
For now, store data in localStorage. No backend. No login.
Make it easy for a middle school beginner to understand.
After coding, run it locally and check all buttons.

好指令不是越长越好,而是每句话都能帮助 AI 做正确取舍。

技术内容用英文更稳定;解释给自己听可以用中文
Prompt
Data · 信息怎么放
12 / 27
先画表,再写代码

三张小表

pets
宠物
name, type, birthday, weight, notes
tasks
任务
title, dueDate, repeat, done
items
库存
name, quantity, threshold, unit

数据表像抽屉。抽屉起名清楚,东西才不会乱放。

零基础也要懂一点数据结构
Data Model
UI · 首页草图
13 / 27
先画,不急着写

首页只回答三件事。

今天要做什么?宠物现在怎样?有什么快用完?

页面不是装饰画。每一块都要帮用户少想一步。
UI Rule
PET HOUSE
早安,Milo
今日任务:喂食、清猫砂、梳毛
健康提醒:18 天后打疫苗
库存提醒:猫砂只剩 20%
Home
Pet
Care
Stock
UI Mockup · No image asset required
Screen
Workflow · 做法
14 / 27
从想法到能跑

六步循环

Vibe Coding Loop
01
Describe
说清用户和目标。
02
Plan
让 Codex 先列文件和页面。
03
Build
小步写代码,不一次做完世界。
04
Run
打开浏览器,真实点击。
05
Fix
把错误截图或文字交给 Codex。
06
Explain
让 Codex 教你改了哪里。
Rule

每次只改一个小问题。小步快跑,最适合初学者。

按右键逐步点亮流程
Workflow
Safety · 安全边界
15 / 27
会用 AI,也要会保护自己

四条红线

Privacy
不用真隐私
不用真实住址、电话、身份证、学校班级。
Health
不替代兽医
健康提醒只做记录,不能给诊断结论。
Payment
不接真钱
课堂原型不做支付,不收用户费用。
Adult Review
请大人看
公开分享前让老师或家长检查内容。
真正的工程能力包含边界感
Safety
Act III · Startup Basics
16 / 27
Act III

像项目

一个创业项目,不只是写代码。还要知道谁需要、如何测试、怎么安排时间、怎样说服别人。

从作品走向项目
Startup
Market Research · 市场调研
17 / 27
不要坐在屋里猜

问五个人。

Question 01
你养什么
猫、狗、鸟、鱼,照护频率完全不同。
Question 02
最怕忘什么
用真实烦恼决定功能顺序。
Question 03
现在怎么记
备忘录、微信、纸条、购物车,都是竞品。
Question 04
愿意试吗
把原型给他点一分钟,别只问喜欢不喜欢。
市场调研 = 向真实的人学习
Research
Project Management · 项目管理
18 / 27
小项目也要会管理

四件事

Goal
目标
本周只交付一个能演示的宠物屋 MVP。
Scope
范围
只做宠物档案、今日任务、提醒、库存。
Task
任务
每张任务卡都写清楚:要做什么,怎样算完成。
Review
复盘
每天记录一个进展、一个问题、一个明天动作。

项目管理不是开很多会,而是让自己和 Codex 永远知道下一步做什么。

目标 · 范围 · 任务 · 复盘
Project Management
Project Management · 看板
19 / 27
用最简单的看板

三列就够。

To Do
要做

宠物档案表单、任务列表、库存提醒、测试清单。

Doing
正在做

一次只放一件事。否则你和 Codex 都会乱。

Done
已完成

只有通过测试、能演示、能解释,才算完成。

管理不是复杂表格,是让下一步清楚
Kanban
Testing · 测试
20 / 27
像侦探一样检查

五个必测场景

01
新增宠物
输入名字后,首页是否显示。
02
勾选任务
刷新后是否还记得已完成。
03
低库存
数量低于阈值是否提醒。
04
手机屏
窄屏文字是否看得清。
05
空数据
第一次打开时是否有提示。
Bug Log
记录错误
现象、步骤、截图、期望结果。
测试清单越具体,AI 越容易修
QA
Business · 商业启蒙
21 / 27
先理解钱从哪里来

不急着收费。

Free
免费原型
课堂阶段只验证有没有人愿意用。
Possible Revenue
订阅或推荐
将来可做高级提醒、家庭共享、用品推荐。
Cost
时间成本
初期最大的成本,是你每周能认真改几小时。

创业不是一开始就卖东西,而是证明:有人真的有这个问题,你的方案能帮上一点忙。

课堂项目不接支付,不收真实用户数据
Business
Pitch · 路演
22 / 27
三分钟讲清楚

路演六页法

Pitch Structure
01
Problem
养宠家庭怕忘事。
02
User
新手宠物家长。
03
Solution
宠物屋照护原型。
04
Demo
现场点击三步。
05
Proof
访谈和测试结果。
06
Next
下一周继续改什么。

路演不是背稿,是让听众相信:你看见了一个真实问题,并做了一个可以试的答案。

先讲人,再讲功能,最后讲证据
Pitch
Demo Day · 现场演示
23 / 27
现场只演三步

新增宠物, 完成任务, 发现库存不足。

三步足够说明产品价值。不要在路演里迷路。

Demo Script
Show, not tell
Seven Days · 七日计划
24 / 27
一周完成第一轮

每天一小步

Day 1
访谈
问 2 个养宠家庭。
Day 2
草图
画四页页面地图。
Day 3
搭建
让 Codex 做第一版。
Day 4
修正
按测试清单改错。
Day 5
试用
给 3 个人点一分钟。
Day 6
路演
写三分钟讲稿。
Day 7
复盘
决定下一版只改一件事。
计划短,反馈快,进步才真实
Roadmap
Learning · 评价标准
25 / 27
不要只问好不好看
能运行, 能解释, 能被别人试用。

这三个条件,比炫酷动画更重要。

Rubric
Engineering Taste
Closing · 下一步
26 / 27
The First Build

去做一版

今天不需要成为程序员。今天只需要把一个真实问题,推进到一个能被点击的答案。

ObservePromptBuildTestPitch
宠物屋计划 · Vibe Coding 创业启蒙课
End