Workshop 13th July 2026

ICE BREAKING ACTIVITY

Use AI to write a creative song to introduce yourself:

URL1: https://student.magicschool.ai/s/join?joinCode=Atyvig

URL2: https://suno.com

1. Sign up a gmail account

2. 1 song per group

3. About 20 seconds per person

4. Your name

5. Where are you from?

6. Your hobby

7. Your ambition

8. Other

   
   

BUILD YOUR FIRST AI APP

Student Activity Pack

Group name / members:  ______________________________________________

Two apps, two hours. Keep this pack open beside your Raspberry Pi. Take turns being the driver (types) and the navigator (reads and watches).

Prompt Cheat Sheet

A good prompt answers four questions. Cover all four and you'll get a much better app.

Part	What to ask yourself	Example
1. What is it?	Name the app in a few words.	“a flashcard study app”
2. What does it do?	List the main actions.	“flip cards, add my own questions”
3. How should it look?	Colours, text size, feel.	“colourful, big text, one card at a time”
4. Any rules?	Limits or starting content.	“start with 5 example cards”

Fix-it moves — when something breaks

Something not working is normal. You fix it by talking, not by coding.

❑  Describe what you see:  “The button doesn't do anything when I click it.”

❑  Ask for one fix at a time:  “Make the answer text bigger” — not five changes at once.

❑  Say what and where:  “On the answer side, make the text green.”

Frozen? Refresh the page — don't restart. Your chat history almost always survives a refresh.

EXERCISE 1  ·  25 MINUTES

Flashcard Study Tool

Your mission: build a flashcard app you can actually study with. We'll do this one together — follow along and don't race ahead.

Step 1  —  Type this starter prompt

“Build me a flashcard study app. I want to type in my own questions and answers, then flip through the cards one at a time. Show the question first; when I click a card, it flips to show the answer. Add a ‘next’ button. Start with 5 example cards about a topic I'm learning. Make it colourful with big, easy-to-read text.”

Press enter and watch the app appear on the right. Try it out before changing anything.

Step 2  —  Make it yours

❑  Change the 5 example cards to a topic you're actually studying.

❑  Change the colours to ones you like.

❑  Change the wording on the button or the title.

Finished early?  Try one:

❑  Add a shuffle button so cards come in a random order.

❑  Show progress at the top, like “Card 3 of 10”.

❑  Add ‘got it’ and ‘review again’ buttons that keep score.

❑  Add a dark mode button.

Notes / what worked

EXERCISE 2  ·  30 MINUTES

Build Your Own App

Your idea, your design. This is the capstone. Plan it using the four prompt parts, then build.

Step 1  —  Pick an idea

Borrow one of these, or invent your own (even better):

vocabulary quiz (English ↔ 中文)   ·   tip & bill splitter   ·   habit tracker   ·   study countdown timer   ·   ‘what to eat’ picker   ·   team / name randomiser

My app idea:  ________________________________________________

Step 2  —  Plan your prompt

Fill in the four parts before you write anything into the builder:

What is it?
What does it do?
How should it look?
Any rules?

Step 3  —  Write your prompt

Put your four parts together into one clear paragraph:

Step 4  —  Build & refine

❑  Get the basic version working first.

❑  Refine one change at a time.

❑  Save the wording that worked — you'll read it out at show & tell.

Show & tell prep

❑  What did you build, and what does it do?

❑  What was the prompt that made it work?

❑  One surprise — something that broke, or a trick you found.

---

打造你的第一个 AI 应用

学生活动手册

小组名称 / 成员：______________________________________________

两个应用，两个小时。请把这本手册摊开放在你的 Raspberry Pi 旁边。轮流担任驾驶员（负责打字）和领航员（负责阅读和观察）。

破冰活动

用 AI 写一首有创意的歌来介绍自己：

网址1：https://student.magicschool.ai/s/join?joinCode=Atyvig

网址2: https://suno.com

1. 注册一个 Gmail 账号

2. 每组一首歌

3. 每人约 20 秒

4. 你的名字

5. 你来自哪里？

6. 你的爱好

7. 你的志向

8. 其它

提示词速查表

一个好的提示词要回答四个问题。四个都覆盖到，你就能得到好得多的应用。

部分	问自己什么	示例
1. 是什么？	用几个词给应用起个名字。	“一个抽认卡学习应用”
2. 能做什么？	列出主要功能。	“翻转卡片、添加我自己的问题”
3. 长什么样？	颜色、文字大小、感觉。	“色彩丰富、大字体、一次显示一张卡片”
4. 有什么规则？	限制条件或初始内容。	“先放 5 张示例卡片”

修复妙招 —— 出问题时怎么办

出问题很正常。你靠“说话”来修，不是靠写代码。

❑ 描述你看到的现象：“我点按钮的时候它没有任何反应。”

❑ 一次只要求改一处：“把答案的文字调大” —— 不要一次提五个修改。

❑ 说清楚改什么、在哪里：“在答案那一面，把文字改成绿色。”

卡死了？刷新页面 —— 不要重启。刷新后你的聊天记录几乎总能保留。

练习 1 · 25 分钟 —— 抽认卡学习工具

你的任务：做一个真的能用来学习的抽认卡应用。这个练习我们一起做 —— 跟着步骤走，不要抢先。

第 1 步 —— 输入这段起始提示词

“帮我做一个抽认卡学习应用。我想输入自己的问题和答案，然后一张一张地翻看卡片。先显示问题；点击卡片时翻转显示答案。加一个‘下一张’按钮。先放 5 张关于我正在学的某个主题的示例卡片。做得色彩丰富一些，文字要大、容易阅读。”

按回车，看着应用出现在右边。先试用一下，再做任何修改。

第 2 步 —— 变成你自己的

❑ 把 5 张示例卡片改成你真正在学的内容。

❑ 把颜色改成你喜欢的。

❑ 改一改按钮上的文字或标题。

提前做完了？挑一个试试：

❑ 加一个“洗牌”按钮，让卡片随机出现。

❑ 在顶部显示进度，比如“第 3 张，共 10 张”。

❑ 加“会了”和“再复习”按钮，并记录得分。

❑ 加一个深色模式按钮。

笔记 / 什么方法有效

练习 2 · 30 分钟 —— 打造你自己的应用

你的创意，你来设计。这是压轴环节。先用提示词的四个部分做规划，再动手做。

第 1 步 —— 选一个点子

借用下面这些，或者自己发明一个（那更好）：

词汇测验（英文 ↔ 中文） · 小费和账单分摊器 · 习惯打卡器 · 学习倒计时器 · “吃什么”随机选择器 · 分组 / 点名随机器

我的应用点子：________________________________________________

第 2 步 —— 规划你的提示词

在往应用生成器里写任何东西之前，先填好四个部分：

是什么？
能做什么？
长什么样？
有什么规则？

第 3 步 —— 写出你的提示词

把四个部分组合成一段清晰的话：

第 4 步 —— 构建与打磨

❑ 先让基础版本能跑起来。

❑ 一次只改一处。

❑ 把有效的提示词原文保存下来 —— 展示分享时你要念出来。

展示分享准备

❑ 你做了什么？它能做什么？

❑ 让它成功的提示词是什么？

❑ 一个意外 —— 出过什么问题，或者你发现的一个小技巧。