AI FOR EVERYDAY LIFE

SESSION 03 · BUILD + REUSE

STOP STARTING
OVER.

Tonight you will build a tiny website, then turn one thing you do repeatedly into instructions you can use again.

2

things you leave with

A working web page + a repeatable process for a real task.

Use the AI assistant you already have. The buttons may differ; the process stays the same.

NO NOTES · 60 SECONDS

What have you already asked AI to do more than once?

Plan somethingRewrite somethingCompare optionsMake a listExplain somethingYour own thing

Pick one. That repetition is the clue. New to AI? Pick one repeated task you wish were easier.

START WITH THE END

You can build software now.

The room picks three inputs. Then click BUILD MY LIST.

Watch what matters: inputs → rules → a button → a useful result. In a few minutes, you will describe your own tool to AI and let it build the first version.

Pack My Weekend

Pick the trip. Pick the time. Pick the conditions.

Fishing · Weekend · Rain → click the button.

WORK BACKWARD FROM WHAT JUST WORKED

What did we have to tell AI before it could build that?

JOBBuild a packing list people can actually use.
INPUTSTrip type, length, and conditions.
ACTIONA button turns choices into a list.
OUTPUTOrganized essentials plus situation-specific items.
LOOKObvious, fast, phone-friendly, a little fun.

That is planning what the tool should do. AI can write the code; you decide what deserves to exist.

YOUR TURN

Build something you would actually show somebody.

01

Useful

Packing list, budget splitter, checklist, countdown.

02

Hobby

Fishing planner, golf game, garden helper, recipe tool.

03

Home

Chore picker, meal chooser, project tracker, family planner.

04

Ridiculous

Excuse generator, dog-name judge, cabin-game picker.

12-MINUTE BUILD

Tell AI what you want.
Let it write the code.

“Build me one HTML file that [does the job]. Make it easy to use on a laptop and phone. Put the page, design, and button behavior in that one file. Before writing it, ask me up to 3 questions that would meaningfully improve it.”

Then: copy → Student Tools → HTML Launchpad → preview → download.

IF IT ISN'T RIGHT

1“Make the button bigger.”
2“Add one useful feature.”
3“That feels boring. Make it fun.”
4“Fix only what is broken.”

THE REVEAL

By the way…

what you just built is a real website.

Your browser does not care whether you knew how to code. It cares whether the file works.

And the skill you can use elsewhere? You described what it should do, judged the result, and directed revisions.

ONE MORE ROUND

Don't rewrite it.
Direct the upgrade.

Add usefulness

Save a result, calculate something, add a reset, add categories.

Add personality

Change the wording, vibe, layout, or little surprise.

Remove friction

Fewer clicks. Clearer labels. Better phone layout.

Ask for ONE meaningful improvement. Test it before asking for another.

NOW SAVE THE PATTERN

A good chat saves you once.
A repeatable process pays you back.

Return to the repeated task you named at the start.

Help me turn this into instructions I can use again. First ask what changes each time. Then separate what I will fill in each time from the instructions that should stay. Ask for missing information instead of guessing. End with a quick check before the result is done.

THE SECOND-INPUT TEST

Change the input.
Try to make it fail.

Missing detailLeave out something important.
Real-life limitAdd something unusual but realistic.
Unclear requestLeave out what the finished result should do.

If it fails: repair the smallest instruction that caused the failure. Run it again.

LEAVE WITH PROOF

Two things you can use tomorrow.

01

Your website

A working single-file page you can keep, send, and improve.

02

Your repeatable process

A reusable set of instructions tested with two different examples.

Show somebody one thing. Steal one good idea from somebody else.

SESSION 03

Stop Starting Over

SESSION 03 · STUDENT TOOLKIT

Stop Starting Over

Copy the build prompts, test your repeatable instructions with a different example, and use the HTML Launchpad to preview or download your website.

Keep What You Built

Paste the reusable instructions you tested and note what happened with the different example. These boxes save on this browser.

HTML Launchpad

Paste the complete HTML your AI assistant gives you. This works with ChatGPT, Gemini, Claude, Copilot, and similar assistants. Preview it instantly, then download the page as your own .html file.